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

@font-face {
    font-family: 'Chloe';
    font-weight: 400;
    src: url('../webfonts/Chloe-Regular.otf');    
}
@font-face {
    font-family: 'TT Supermolot Neue Trl';
    src: url('../webfonts/TTSupermolotNeueTrl-Bd.woff2') format('woff2'),
        url('../webfonts/TTSupermolotNeueTrl-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
:root {
    --red: #CA3625;
    --white: #F2B198;
    --text-color: #000000;
    --white: #f2efe2;
    --yellow: #ffc31d;
    --blue: #87cee2;
    --dark-blue: #100A88;
    --orange: #f17046;
    --red: #CA3625;
    --brown: #8b3f19;
}
body, html {
    font-family: 'Manrope';
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--text-color);
}
img {
    max-width: 100%;
    height: auto;
    width: 100%;
    object-fit: cover;
}
p {
    font-family: 'Manrope';
    font-size: 21px;
    font-weight: 400;
    line-height: normal;
    color: var(--text-color);
    margin: unset;
}
h1, h2 {
    color: var(--red);
    font-family: 'TT Supermolot Neue Trl';
    text-transform: uppercase;
    font-size: 42px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.9px;
    margin: 0;
}
h3, h4 {
    color: var(--red);
    font-family: 'Manrope';
    font-size: 21px;
    font-weight: 400;
    line-height: normal;
}
a { 
    font-family: 'Manrope';
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    color: var(--text-color);
    cursor: pointer;
    text-decoration: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a:hover {
    color: var(--text-color);
}
strong {
    font-weight: 600;
}
.grecaptcha-badge {
    visibility: hidden;
}

/* buttons */
.button-branco{
    color:black;
    background: var(--white);
    font-size: 21px;
    font-weight: 700;
    border-radius: 50px;
    text-transform: uppercase;
    padding: 17px 30px;
    border: none;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 0 -4px 6px rgba(48, 48, 48, 0.6);
}
.button-branco:hover{
    color:var(--white);
    background: black;
}

.button-azul{
    color:black;
    background: var(--blue);
    font-size: 21px;
    border-radius: 50px;
    text-transform: uppercase;
    padding: 15px 20px;
    border: none;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 0 -4px 6px rgba(0,0,0,0.5);
}
.button-azul:hover{
    color:var(--blue);
    background: black;
}

.button-vermelho{
    color:white;
    background: var(--red);
    font-size: 18px;
    font-weight: 800;
    border-radius: 50px;
    text-transform: uppercase;
    padding: 15px 50px;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 0 -3px 6px rgb(47 47 47 / 50%);
}
.button-vermelho:hover{
    color:var(--red);
    background: white;
    border: 1px solid var(--red);
}

/* buttons */

.imagem {
    transition: all .2s ease-in-out;
    overflow: hidden;
    border-radius: 15px;
    width: fit-content;
}
.imagem:hover img {
    transform: scale(1.05);
    transition: all .2s ease-in-out;
}
.imagem img {
    transition: all .2s ease-in-out;
}

/* SCROLL */
body::-webkit-scrollbar, .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 10px;
    background:rgb(204, 204, 204);
}
body::-webkit-scrollbar-thumb,  .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    background-color: var(--red);
    border-radius: 5px;
}
::selection {
    background: rgba(46, 46, 46, 0.3);
    

}
/* FIM SCROLL */

/** INICIO BREADCRUMB */
    .breadcrumb {
        background: unset;
        position: absolute;
        padding: 5px 0;
        margin: 0;
        width: 100%;
        min-height: 30px;
    }
    span.breadcrumb-title {
        font-size: 15px;
        font-weight: 700;
        color: var(--red);
    }
    a.breadcrumb-page {
        font-size: 15px;
        color: var(--text-color);
    }
    span.breadcrumb-marker {
        padding: 0 5px;
        color: var(--text-color);
    }
/** FIM BREADCRUMB */


/** INÍCIO DO CONTAINER GRID */
    .container-grid {
        display: grid;
        margin: auto;
        grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
        grid-gap: 50px 50px;
        padding: 30px 0px;
        justify-items: center;
    }
    .container-fluid {
        overflow: hidden;
    }
/** FIM DO CONTAINER GRID */

/*INICIO HEADER*/
    li.item-invisivel {
        visibility: hidden;
    }
    header {
        background: #D6D1C4;
    }
    header ul {
        list-style: none;
        padding: unset;
        margin: unset;
        display: flex;
        gap: 10px;
    }
    ul.redes-header {
        list-style: none;
        padding: unset;
        margin: unset;
        display: flex;
        gap: 10px;
    }
    ul.infos-header-1 li a {
        padding-right: 10px;
    }
    .header-1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 50px;
        background: #F2EFE2;
    }
    .header-conteudo li {
        padding: 20px 0;
        min-width: 132px;
        text-align: center;
    }
    .header-conteudo a {
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        transition: all 0.2s ease-in-out;
    }
    li.current-menu-item a {
        color: var(--red);
    }
    .header-conteudo a:hover {
        color: var(--red) !important;
    }
    li.abrir-cardapio.current-menu-item a {
        color: black;
    }   
    ul.menu-desk {
        gap: 50px;
    }
    .header-logo {
        position: absolute;
        z-index: 2;
        top: -50px;
    }
    .header-content-desk {
        gap: 50px;
    }
    .header-logo svg {
        max-height: 175px;
    }
    ul.infos-header-1 li a:hover {
        color: var(--red);
    }
    .espaco-logo {
        position: relative;
        width: 190px;
    }
    nav.container-fluid.navbar.navbar-expand-lg {
        justify-content: center;
        align-items: center;
    }
    nav.container-fluid.navbar.navbar-expand-lg {
        overflow: visible !important;
        height: 71px;
    }
    .peca-agora {
        position: absolute;
        right: 0;
    }
    .peca-agora p {
        color: #F2EFE2;
        font-family: 'Manrope';
        font-size: 18px;
        font-weight: 900;
        padding: 20px 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .peca-agora {
        height: 71px;
    }
    .peca-agora a {
        display: flex;
        height: 100%;
        background: var(--red);
    }
    .peca-agora a:hover {
        background: var(--orange);
    }
/*FIM HEADER*/

/* INICIO HOME */
    /** CARROSSEL **/
        .owl-theme .owl-dots .owl-dot {
            outline: none;
        }
        .owl-theme .owl-dots .owl-dot span {
            width: 20px;
            height: 20px;
            border-radius: 50px;
            border: 2px solid var(--white);
            background: var(--white);
            /* box-shadow: 0px 3px 3px 0px rgb(151 151 151); */
        }
        button.owl-dot.active {
            border: 2px solid var(--orange);
            border-radius: 50px;
        }
        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: var(--orange);
            margin: 4px;
            border: unset;
        }
        .owl-item .item img{
            height: auto;
        }
        #slider {
            position: relative;
        }
        #slider .owl-nav {
            margin-top: 0;
            position: absolute;
            width: 800px;
            left: calc( ( 100% - 800px) / 2);
            text-align: center;
            display: flex;
            justify-content: space-between;
            bottom: 0%;
            top: 90%;
        }
        #slider .owl-nav.disabled{
            opacity: 0;
            display: none;
        }
        #slider .owl-dots {
            position: absolute;
            z-index: 1;
            bottom: 20px;
            right: 5%;
            display: flex;
            flex-direction: column;
            top: 0;
            bottom: 0;
            justify-content: center;
            align-items: center;
            gap: 8px;
        }
        .owl-carousel .owl-nav button.owl-next,
        .owl-carousel .owl-nav button.owl-prev {
            outline: none !important;
            background: none !important;
        }
        .owl-next {
            position: absolute;
            right: -4%;
            bottom: 5%;
            height: 100%;
        }
        .owl-next svg {
            max-width: 55px;
        }
        .owl-prev {
            position: absolute;
            left: -4%;
            bottom: 5%;
            height: 100%;
        }
        .owl-prev svg {
            max-width: 55px;
        }
    /*FIM CARROSSEL */

    .sobre-home {
        padding: 50px 20px;
        background: #FBFBF9;
        text-align: center;
    }
    h1.sobre-home-titulo span {
        color: var(--text-color);
        font-weight: 400 !important;
    }
    h1.sobre-home-titulo {
        font-family: 'Manrope';
        text-transform: math-auto;
        padding-bottom: 50px;
    }
    .sobre-home-descricao p {
        padding: 0 20px 20px 20px;
    }
    .classicos, .pratos{
        background-color: #f1efe9;
        padding: 50px 20px;
    }
    .classicos .row, .classicos-titulo, .classicos-subtitulo, .classicos-descricao, .classicos-imagem{
        display: flex;
        justify-content: center;
        align-items: start;
    }
    .classicos-titulo{
        color:var(--red);
        text-align: center;
        margin-bottom: 10px;
    }
    .classicos-subtitulo{
        font-size: 24px;
        color: black;
        text-align: center;
        margin-bottom: 15px;
    }
    .classicos_item {
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .classicos_item h3{
        text-align: center;
        text-transform: uppercase;
        color: var(--red);
        font-size: 24px;
    }
    .classicos_item img {
        border-radius: 15px;
        min-height: 160px;
    }
    .classicos-do-dipa .prato-titulo {
        min-height: 61px;
    }
    .pizzas-e-hamburguers .prato-titulo {
        min-height: 61px;
    }
    .happyHour{
        background-color: var(--red);
        padding: 50px 20px;
    }
    .happyHour .row, .happyHour-titulo, .happyHour-subtitulo, .happyHour-descricao, .happyHour-imagem{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .happyHour-titulo{
        font-size: 44px;
        color:var(--white);
        text-align: left;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .happyHour-subtitulo{
        font-size: 30px;
        color: var(--white);
        text-align: left;
        margin-bottom: 60px;
    }
    .happyHour-descricao{
        font-size: 24px;
        color: var(--white);
        max-width: 600px;
        text-align: left;
    }
    .happyHour-texto-descricao {
        padding-left: 30px;
    }

    .box-restaurantes-home {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    .restaurantes-home {
        padding: 50px 20px;
    }
    .restaurante-item {
        max-width: 324px;
        padding: 20px;
    }
    .restaurante-content {
        padding: 15px 20px;
        background: var(--red);
        color: white;
        min-height: 195px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .restaurante-post-titulo h3 {
        color: white;
        font-weight: bold;
    }
    .restaurante-post-aguarde h3 {
        font-size: 46px;
        color: var(--white);
        font-family: 'TT Supermolot Neue Trl';
        text-align: center;
    }
    .listagem-restaurantes {
        min-height: 394px;
    }
    .conhecaRede{
        background-color: black;
        padding: 50px 20px;
    }
    .conhecaRede .row, .conhecaRede-titulo, .conhecaRede-subtitulo, .conhecaRede-descricao, .conhecaRede-imagem{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .conhecaRede-titulo{
        font-size: 34px;
        color:var(--white);
        text-align: left;
        margin-bottom: 20px;
    }
    .conhecaRede-subtitulo{
        font-size: 30px;
        color: var(--white);
        text-align: left;
        margin-bottom: 60px;
    }
    .conhecaRede-texto-descricao, .conhecaRede-button{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .conhecaRede-descricao{
        padding: 20px 0 50px;
        font-size: 20px;
        color: var(--white);
        text-align: center;
    }
    .search-restaurantes label {
        background: unset;
        border: 2px solid #CA3625;
        border-radius: 50px;
        padding: 5px 10px;
        transition: all 0.2s ease-in-out;
        display: flex;
    }
    .search-restaurantes input.search-field-home {
        background: unset;
        border: none;
        width: 155px;
        font-size: 15px;
    }
    .search-restaurantes button.search-submit {
        border: none;
        background: unset;
        padding: unset;
    }
    .search-restaurantes input.search-field-home:focus {
        outline: none;
    }
    .search-home.search-restaurantes {
        max-width: 210px;
    }
    
/* FIM HOME */

/* SOBRE */
    .parte-1-sobre-dipa {
        padding: 85px 20px 50px;
    }
    
    .titulo-sobre h1 span {
        color: var(--text-color);
        font-weight: 400 !important;
    }
    .titulo-sobre h1 {
        font-family: 'Manrope';
        text-transform: math-auto;
        padding-bottom: 50px;
        font-weight: 900;
        text-align: center;
    }
    .descricao-sobre p {
        text-align: center;
        padding-bottom: 20px;
    }
    .box-sobre iframe {
        border-radius: 50px;
        margin-top: 20px;
    }
    .parte-3-sobre-dipa .titulo-sobre {
        align-items: center;
        justify-content: center;
        display: flex;
        gap: 20px;
    }
    .parte-3-sobre-dipa .sobre-dipaolo {
        display: flex;
        gap: 30px;
        align-items: center;
        padding-top: 20px;
    }
    .parte-3-sobre-dipa .titulo-sobre h2 {
        color: white;
        font-size: 36px;
    }
    .parte-3-sobre-dipa .descricao-sobre p {
        color: white;
        padding: 20px;
    }
    .parte-3-sobre-dipa .container-grid {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        grid-gap: 50px 60px;
        align-items: center;
    }
    .sobre-dipaolo img {
        max-width: 185px;
    }
    .texto-sobre-dipaolo p {
        padding-bottom: 20px;
        color: white;
    }
    .parte-3-sobre-dipa {
        padding: 50px 20px;
    }
    .parte-2-sobre-dipa .titulo-sobre h2 span {
        color: var(--text-color);
        font-weight: 400 !important;
    }
    .parte-2-sobre-dipa .titulo-sobre h2 {
        font-family: 'Manrope';
        text-transform: math-auto;
        padding-bottom: 20px;
        font-weight: 900;
        text-align: center;
        line-height: 1.2;
    }
    .sobre-dipaolo-col-1 img {
        max-height: 356px;
        height: auto;
    }
    .sobre-dipaolo-col-2 img {
        max-height: 356px;
        height: auto;
    }
    .parte-2-sobre-dipa .texto-sobre-dipaolo p {
        color: var(--text-color);
    }
    .parte-2-sobre-dipa .texto-sobre-dipaolo p {
        color: var(--text-color);
    }
    .parte-2-sobre-dipa .texto-sobre-dipaolo p span {
        color: var(--red);
        font-weight: 600;
    }
    .parte-2-sobre-dipa .sobre-dipaolo-col-1 .texto-sobre-dipaolo, .sobre-dipaolo-col-2 .texto-sobre-dipaolo {
        padding-top: 30px;
        text-align: center;
    }
    .parte-2-sobre-dipa .sobre-dipaolo-col-1, .sobre-dipaolo-col-2 {
        padding: 0 30px;
    }
    .parte-2-sobre-dipa .frase-final {
        text-align: center;
        padding-top: 30px;
    }
    .parte-2-sobre-dipa .descricao-sobre p {
        text-align: center;
        padding-bottom: 50px;
    }
    .parte-2-sobre-dipa {
        padding: 30px 20px 50px;
    }
/* FIM SOBRE */

/* INICIO FRANQUIAS */
.mapa-representante-texto {
    padding-bottom: 10px;
}
.mapa-representantes-imagem svg {
    fill: #D6D1C4;
    font-size: 10px;
}
.mapa-representantes-imagem a:hover {
    fill: #AA9972;
}
.mapa-representantes-imagem .active-map {
    fill: #AA9972;
}
.conteudo-representantes {
    display: none;
}
.conteudo-representantes.active {
    display: block;
}
.contato-mapa iframe {
    width: 100%;
}
.contato-mapa {
    max-height: 600px;
}
.mapa-representantes-titulo h2 {
    font-size: 24px;
    color: var(--text-color);
    text-transform: math-auto;
    font-family: 'Manrope';
    text-align: center;
    padding-bottom: 50px;
}
.mapa-representantes {
    padding: 50px 20px;
}
.conteudo-representantes .nome-cidade p {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    background: var(--red);
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
}
.mapa-cidade-titulo p {
    font-size: 18px;
    color: var(--red);
    font-weight: 800;
    text-transform: uppercase;
}
.infos-restaurante {
    padding-bottom: 20px;
}
.descricao-cidade-restaurante p {
    font-size: 18px;
}
.sobre-franquias {
    padding: 85px 20px 50px;
}
.titulo-sobre-franquias h1 {
    text-transform: math-auto;
    font-weight: 400;
    font-family: 'Manrope';
    padding-bottom: 30px;
}
.titulo-sobre-franquias h1 b {
    font-weight: 900;
    
}
.descricao-sobre-franquias p {
    padding-bottom: 20px;
    font-size: 18px;
}
.frase-sobre-franquias p {
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 30px;
}
.investir {
    padding: 50px 20px;
    background: var(--orange);
}
.introducao-investir h2 {
    color: white;
    font-size: 55px;
}
.introducao-investir p {
    color: white;
    font-size: 24px;
    padding: 10px 5px 30px;
}
.itens-investir.container-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.descricao-item-investir p {
    color: white;
    padding-top: 10px;
}
.svg-item-investir {
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.introducao-projetos h2 {
    font-family: 'Manrope';
    font-size: 24px;
    color: black;
    text-transform: math-auto;
    text-align: center;
}
.projetos {
    padding: 50px 20px;
}
.descricao-item-projeto p {
    font-size: 16px;
    padding-top: 10px;
}
.titulo-item-projeto p {
    text-align: center;
    color: var(--red);
    font-weight: 800;
    padding: 10px 15px;
    background: #D9D9D9;
}
.imagem-item-projeto img {
    height: 165px;
    width: 100%;
}
.formulario-franqueado {
    padding: 50px 20px;
    background: var(--yellow);
}
.titulo-1-formulario h2 {
    color: #161814;
    padding-bottom: 20px;
}
.introducao-formulario-franquia p {
    padding-bottom: 20px;
}
.formulario-button {
    padding-top: 10px;
}
.titulo-2-formulario h3 {
    font-size: 24px;
    color: var(--text-color);
    padding-bottom: 10px;
}
.formulario-franquia input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    margin-bottom: 10px;
}
.formulario-franquia input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel {
    margin-bottom: 10px;
}
.introducao-formulario-franquia {
    padding-right: 63px;
}
.formulario-franquia input.wpcf7-form-control.wpcf7-submit.has-spinner.submit-contato {
    width: 100%;
}
/* FIM FRANQUIAS */

/* INICIO RESTAURANTES */
.estado-restaurante h2 {
    font-family: 'Manrope';
    text-transform: none;
    font-size: 24px;
    color: var(--text-color);
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}
.estado-restaurante h2 span {
    white-space: nowrap;
}
.estado-restaurante h2::after {
    content: "";
    flex: 1;
    height: 2px;
    background-color: var(--red);
}
.restaurantes {
    padding: 85px 20px 50px;
}
.titulo-restaurantes h1 {
    font-family: 'Manrope';
    text-transform: math-auto;
    color: var(--text-color);
    font-size: 28px;
    text-align: center;
    font-weight: 400;
}
.titulo-restaurantes .search-home.search-restaurantes {
    position: absolute;
    right: 0;
    bottom: 0;
}
.titulo-restaurantes {
    position: relative;
}
.mais-pedidos {
    padding: 50px 20px;
    background: rgb(201 231 240);
}
.introducao-mais-pedidos h2 {
    font-size: 55px;
}
.introducao-mais-pedidos p {
    font-size: 24px;
    padding: 10px 0 30px;
}
.item-mais-pedido-imagem {
  overflow: hidden;
  border-radius: 10px;
}
.item-mais-pedido-imagem img {
height: 255px;
  width: 100%;
  border-radius: 10px;
  transition: transform 0.3s ease-in-out;
}
.item-mais-pedido-imagem:hover img {
  transform: scale(1.1);
}
.mais-pedidos .container-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 30px 30px;
}
.item-mais-pedido h3 {
    font-size: 24px;
    text-align: center;
    font-family: 'TT Supermolot Neue Trl';
    text-transform: uppercase;
    padding: 7px 20px;
    background: var(--yellow);
    width: fit-content;
    border-radius: 10px;
}
.item-mais-pedido {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}
.resumo-prato p {
    font-size: 18px;
    text-align: center;
}
.prato-img.fancy {
    min-width: 830px;
    max-height: 400px;
}
.prato-img.fancy img {
    min-width: 830px;
    max-height: 400px;
    min-height: 400px;
    border-radius: 20px;
}
button.button-restaurante {
    background: #D6D1C4;
    border: none;
    border-radius: 15px;
    color: var(--red);
    padding: 2px 15px;
    margin-top: 15px;
    transition: all 0.2s ease-in-out;
}
a:hover button.button-restaurante {
    background: #ffffff;
}
.botao-ver-loja {
    text-align: center;
}
.imagem-icone-restaurante {
  overflow: hidden;
}
.imagem-icone-restaurante img {
    transition: transform 0.3s ease-in-out;
    max-height: 208px;
    min-height: 208px;
}
 .restaurante-item:hover .imagem-icone-restaurante img {
  transform: scale(1.1);
} 
div#restaurantes-listagem-todos {
    min-height: 828px;
}
.fancybox-caption.fancybox-caption--separate p {
    color: white;
    font-size: 18px;
}
/* FIM RESTAURANTES */


/* INICIO SINGLE RESTAURANTES */
    .restaurante-single {
        padding: 85px 20px 50px;
    }
    .titulo-restaurante-single h1::after {
        content: "";
        flex: 1;
        height: 2px;
        background-color: var(--red);
    }
    .titulo-restaurante-single h1 span {
        white-space: nowrap;
    }
    .titulo-restaurante-single h1 {
        color: var(--text-color);
        font-family: 'Manrope';
        font-size: 32px;
        font-weight: 400;
        text-transform: math-auto;
        display: flex;
        align-items: center;
        gap: 15px;
        width: 100%;
        padding-bottom: 20px;
    }
    .item-descricao-restaurantes p {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .descricao-item-restaurantes p {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .descricao-item-restaurantes {
        display: flex;
        gap: 7px;
    }
    .imagem-restaurante-single img {
        height: 100%;
        width: 100%;
    }
    .cardapio {
        padding: 50px 20px;
        background: #f1efe8;
    }
    .cardapio .categoria.vermelho {
        background: var(--red);
        width: 100%;
    }
    .cardapio .categoria.laranja {
        background: var(--orange);
        width: 100%;
    }
    .cardapio .categoria.azul-claro {
        background: var(--blue);
        width: 100%;
    }
    .cardapio .categoria.azul-escuro  {
        background: var(--dark-blue);
        width: 100%;
    }
    a:hover.categoria {
        filter: grayscale(1);
    }
    a:hover .prato-img img {
        transform: scale(1.1);
    }
    .prato-img img {
        transition: transform 0.3s ease-in-out;
    }
    .prato-img {
        overflow: hidden;
    }
    .categoria {
        transition: all 0.3s ease-in-out;
    }
    .cardapio .categoria p {
        color: white;
        font-weight: bold;
        width: 100%;
        padding: 20px 5px;
    }
    .introducao-cardapio.text-center p {
        font-size: 27px;
    }
    .menu-categorias.container-grid {
        grid-gap: 0;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }
    .bloco-categoria-prato h2 span {
        white-space: nowrap;
    }
    .bloco-categoria-prato h2::after {
        content: "";
        flex: 1;
        height: 2px;
        background-color: var(--red);
    }
    .bloco-categoria-prato h2::before {
        content: "";
        flex: 1;
        height: 2px;
        background-color: var(--red);
    }
    .bloco-categoria-prato h2 {
        font-size: 36px;
        display: flex;
        align-items: center;
        gap: 15px;
        width: 100%;
        padding-bottom: 10px;
    }
    .prato-titulo h3 {
        font-size: 22px;
        color: var(--text-color);
        font-weight: 700;
        padding: 5px 0 4px;
        margin: unset;
        line-height: 1.2;
    }
    .prato-descricao p {
        font-size: 14px;
    }
    .prato-preco p {
        font-size: 24px;
        color: var(--text-color);
        font-weight: 600;
        padding: 5px 0 0;
        min-width: 100px;
        white-space: nowrap;
    }
    .prato-img, .prato-img img {
        min-height: 130px;
        width: 100%;
        background: #e4e1dc;
        border-radius: 10px;
    }
    /* .prato-item {
        min-width: 200px;
        max-width: 210px;
    } */
    .prato-item {
        min-width: 250px;
        max-width: 250px;
    }
    .lista-pratos {
        display: flex;
        gap: 40px 20px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .cardapio .listagem {
        padding: 50px 0;
    }
    .restaurante-single-button.prato {
        padding-top: 10px;
    }
    .restaurante-single-button.prato .button-vermelho {
        font-size: 16px;;
        padding: 12px 30px;
    }
    .bloco-categoria-prato {
        padding-bottom: 35px;
    }
    .opcoes-de-molhos {
        padding-top: 50px;
    }
    .bebidas .lista-pratos {
        column-count: 2;
        column-gap: 130px;
        display: block;
    }
    .conteudo-bebida {
        display: flex;
    }
    .bebidas .prato-item {
        min-width: 200px;
        max-width: unset;
    }
    .bebidas .prato-titulo::after {
        content: "";
        flex: 1;
        border-bottom: 2px dashed var(--text-color);
    }
    .bebidas .prato-titulo {
        display: flex;
        align-items: end;
        width: 100%;
        gap: 5px;
        flex-wrap: wrap;
    }
    .bebidas .prato-titulo h3 {
        padding: unset;
        text-align: initial;
    }
    .bebidas .prato-preco {
        display: flex;
        align-items: end;
    }
    .bebidas .prato-titulo p {
        font-size: 14px;
        font-weight: 600;
    }
    .titulo-content-monte {
        display: flex;
        gap: 15px;
        align-items: center;
        padding-bottom: 15px;
    }
    .monte-seu-prato-content {
        display: flex;
        flex-wrap: wrap;
    }
    .item-monte-seu-prato .prato-titulo {
        font-size: 32px;
        padding-bottom: 10px;
    }
    .prato-opcoes p {
        font-size: 16px;
    }
    .prato-massas p {
        font-size: 16px;
        padding: 5px 0;
    }
    .prato-molhos p {
        font-size: 16px;
    }
    .fancybox-content {
        position: relative;
        overflow: visible;
        border-radius: 20px;
    }
    button.fancybox-button.fancybox-close-small {
        position: absolute;
        top: -15px;
        position: absolute;
        right: -10px;
        background: var(--red);
        border-radius: 50px;
        opacity: 1;
        border: 2px solid white;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
        padding: 5px;
    }
    button.fancybox-button.fancybox-close-small svg path {
        fill: white;
    }
    .numero-do-prato p {
        font-size: 48px;
        color: white;
        background: var(--red);
        border-radius: 50%;
        width: 50px; /* ou qualquer valor fixo */
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .numero-do-prato {
        display: flex;
        justify-content: center;
        padding-bottom: 10px;
    }
    .escolha-a-proteina .lista-pratos {
        display: unset;
    }
    .escolha-a-proteina .prato-titulo {
        display: flex;
        align-items: end;
        width: 100%;
        gap: 5px;
    }
    .escolha-a-proteina .prato-titulo h3 {
        padding: unset;
        text-align: initial;
    }
    .escolha-a-proteina .lista-pratos .prato-titulo::after {
        content: "";
        flex: 1;
        border-bottom: 2px dashed var(--text-color);
    }
    .escolha-a-proteina .prato-item {
        min-width: 200px;
        max-width: unset;
    }
    #escolha-a-proteina {
        width: 100%;
    }
    .escolha-a-proteina .prato-preco p {
        white-space: nowrap;
    }
    .prato-acompanhamentos {
        column-count: 2;
    }
    .prato-acompanhamentos p span {
        font-size: 14px;
        font-weight: 600;
    }
    .prato-acompanhamentos p {
        font-weight: 700;
    }
    .item-monte-seu-prato.parte-1 {
        padding-right: 60px;
    }
    .escolha-a-proteina .prato-titulo p {
        font-size: 14px;
        font-weight: 600;
    }
    .listagem-pratos-monte {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: center;
        padding-bottom: 15px;
    }
    .pratos-massas {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
    }
    .pratos-molhos {
        display: flex;
        gap: 10px;
            flex-wrap: wrap;
    }
    .item-monte-seu-prato {
        padding-top: 30px;
    }
    .listagem-pratos-monte .titulo-prato-monte p {
        font-weight: bold;
    }
    .prato-preco .preco-1, .prato-preco .preco-2, .prato-preco .preco-3 {
        display: flex;
        align-items: center;
    }
    .prato-preco p.unidades {
        font-size: 14px;
        font-weight: normal;
        text-align: initial;
        padding-left: 5px;
    }
    .pizzas-e-hamburguers .prato-descricao {
        min-height: 38px;
    }
    .classicos-do-dipa .prato-descricao {
        min-height: 76px;
    }
    ul.porcao-prato-acompanhamentos {
        padding-left: 110px;
    }
/* FIM SINGLE RESTAURANTES */

    
/* INÍCIO PAGE BLOG */
    .blog {
        padding: 50px 20px;
    }
    .itens-categorias-blog {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        color: white;
    }
    .topo-blog {
        background: var(--red);
        padding: 15px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: white;
        margin-bottom: 30px;
    }
    .category-blog p {
        color: white;
        font-weight: 300;
    }
    .search-blog label {
        background: white;
        border: 5px solid var(--yellow);
        border-radius: 50px;
        padding: 5px 10px;
        transition: all 0.2s ease-in-out;
    }
    .search-blog input.search-field-home {
        background: unset;
        border: none;
        width: 165px;
        font-size: 15px;
        padding: 3px 10px;
    }
    .search-blog button.search-submit {
        border: none;
        background: unset;
        padding: unset;
    }
    .search-blog input.search-field-home:focus {
        outline: none;
    }
    .search-home.search-blog {
        max-width: 220px;
    }
    .listagem-posts article {
        display: flex;
    }
    .item-img-blog img {
        width: 430px;
        min-width: 430px;
        height: 100%;
    }
    .item-descricao-blog {
        background: #F2EFE2;
        padding: 20px 30px;
        width: 100%;
    }
    .item-titulo-blog h2 {
        font-family: 'Manrope';
        font-size: 21px;
        font-weight: bold;
        text-transform: math-auto;
        color: #161814;
    }
    .resumo-post-blog p {
        font-size: 16px;
        padding: 10px 0 15px;
    }
    button.button-blog {
        background: unset;
        border: none;
        padding: unset;
    }
    button.button-blog p {
        font-size: 16px;
        color: var(--red);
        font-weight: 900;
    }
    .listagem-posts {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding-right: 30px;
        padding-left: 0;
    }
    .blog .row {
        justify-content: space-between;
    }
/* FIM PAGE BLOG */

/* INÍCIO SINGLE BLOG */
    .page-id-16 a.breadcrumb-page {
        color: #ffffff;
    }
    .page-id-16 span.breadcrumb-title {
        color: white;
    }
    .page-id-16 span.breadcrumb-marker {
        color: white;
    }
    .category a.breadcrumb-page {
        color: #ffffff;
    }
    .category span.breadcrumb-title {
        color: white;
    }
    .category span.breadcrumb-marker {
        color: white;
    }
    .item-titulo-tratamentos.single {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        padding: 0 0px 15px 0px;
    }
    .item-titulo-tratamentos.single p {
        font-size: 24px;
        color: var(--red);
    }

    aside.listagem-side-bar {
        background: var(--yellow);
        padding: 30px 35px;
        height: 100%;
        max-width: 410px;
    }
    .blog-single.blog-listagem {
        padding: 85px 20px 50px;
    }
    .titulo-blog h1 {
        padding-bottom: 15px;
        font-size: 24px;
        font-family: 'Manrope';
        text-transform: math-auto;
    }
    .titulo-blog h2 {
        text-align: center;
        padding-bottom: 15px;
    }
    .blog-posts-content-descricao h2 {
        font-size: 18px;
        font-family: 'Manrope';
        font-weight: bold;
        padding: 0px 0 12px;
        line-height: 28px;
        text-transform: math-auto;
    }
    .blog-posts-content-descricao h3 {
        font-size: 18px;
        font-family: 'Manrope';
        font-weight: bold;
        padding: 0px 0 10px;
        line-height: 25px;
    }
    .blog-single-content h4 {
        font-size: 16px;
        font-family: 'Manrope';
        font-weight: bold;
        padding: 0;
        line-height: 28px;
        text-transform: math-auto;
    }
    .blog-posts-content-descricao p {
        padding-bottom: 20px;
        font-size: 16px;
    }
    .blog-single .breadcrumb {
        position: unset;
        padding: 0 20px 15px 20px;
    }
    .banner-imagem-single-blog img {
        width: 100%;
        height: 500px;
    }
    .banner-imagem-single-blog {
        text-align: center;
        padding-bottom: 20px;
    }
    .blog-posts-content-descricao figure {
        text-align: center;
    }
    .sidebar-relacionados p {
        font-size: 16px;
        padding-top: 15px;
    }
    .sidebar-relacionados {
        text-align: center;
    }
    a:hover .item-sidebar-categoria p {
        color: var(--red);
    }
    a .item-sidebar-categoria p {
        transition: all 0.2s ease-in-out;
    }
    .intro-side-form p {
        font-size: 14px;
        text-align: center;
        padding-top: 10px;
    }
    .intro-side-form {
        padding: 20px 0;
    }
    .titulo-sidebar h3 {
        text-align: center;
        font-size: 18px;
        margin: unset;
        color: #161814;
        font-weight: 500;
        padding-top: 30px;
    }
    .listagem-side-bar .detalhe-svg {
        padding: 5px 0 15px;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .sidebar-form p {
        font-size: 16px;
        text-align: center;
    }
    .formulario-contato {
        padding-top: 15px;
    }
    .item-sidebar-categoria p {
        text-align: center;
        font-size: 18px;
        border-bottom: 1px solid #F17046;
        padding: 10px;
        margin-bottom: 10px;
    }
    .item-sidebar-categoria p:last-child {
        border: none;
    }
    .sidebar-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
        margin-bottom: 10px;
    }
    .sidebar-form input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel {
        margin-bottom: 10px;
    }
    .sidebar-form textarea.wpcf7-form-control.wpcf7-textarea {
        margin-bottom: 10px;
    }
    .sidebar-form input.wpcf7-form-control.wpcf7-submit.has-spinner.submit-contato {
        width: 100%;
    }
    .listagem-posts a:hover img {
        filter: contrast(0.7);
    }
    .listagem-posts a img {
        transition: all 0.2s ease-in-out;
    }
    .blog-single.blog-listagem .row {
        justify-content: space-between;
    }
/* FIM SINGLE BLOG */ 

/*INICIO CONTATO*/
    .titulo-contato h1 {
        font-family: 'Manrope';
    }
    input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
        background: #FFFFFF;
        border: unset;
        border-radius: 5px;
        padding: 12px 20px;
        margin-bottom: 18px;
        width: 100%;
        font-size: 18px;
    }
    input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel {
        background: #FFFFFF;
        border: unset;
        border-radius: 5px;
        padding: 12px 20px;
        margin-bottom: 18px;
        width: 100%;
        font-size: 18px;
    }
    textarea.wpcf7-form-control.wpcf7-textarea {
        background: #FFFFFF;
        border: unset;
        border-radius: 5px;
        padding: 12px 20px;
        margin-bottom: 18px;
        width: 100%;
        height: 220px;
        font-size: 18px;
    }
    input.wpcf7-form-control.wpcf7-submit.has-spinner.submit-contato {
        background: var(--red);
        border: unset;
        padding: 10px 130px;
        color: white;
        border-radius: 5px;
    }
    .submit-content p {
        display: flex;
        flex-direction: column;
        align-items: end;
        justify-content: end;
    }
    .descricao-contato {
        padding: 10px 0 20px;
    }
    .contato-contato {
        display: flex;
        align-items: end;
    }
    .contato {
        padding: 85px 0px 50px;
    }
    .box-cta-franqueado {
        display: flex;
    }
    .box-cta-franqueado .button-branco {
        padding: 17px 15px;
    }
    .cta-franqueado {
        padding: 50px 20px;
        background: var(--yellow);
    }
    .titulo-cta-franqueado h2 {
        color: #161814;
        font-size: 36px;
        padding-bottom: 20px;
    }
    .titulo-cta-franqueado {
        padding: 0 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .titulo-cta-franqueado p {
        font-size: 24px;
    }
    .cta_franqueado-button {
        display: flex;
    }
    .cta_franqueado-button button.button-branco {
        min-width: 182px;
    }
/*FIM CONTATO*/

/* INICIO TRABALHE CONOSCO */
input[type="file"].contact-input {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
        position: absolute;
}

/* MODAL CARDÁPIO */
    #cardapioModal .modal-content {
        background-color: #fffbea; /* tom bege claro */
        border-radius: 10px;
        border: none;
    }
    #cardapioModal button.btn-close {
        position: absolute;
        right: -5px;
        top: -5px;
        background: var(--red);
        border-radius: 50px;
        opacity: 1;
        border: 2px solid white;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }
    #cardapioModal .modal-header {
        padding: unset;
        border: none;
    }
    #cardapioModal .modal-body {
        padding: 40px;
    }
    #cardapioModal .titulo-restaurantes h2 {
        font-size: 32px;
        font-family: 'Manrope';
        text-transform: math-auto;
        color: var(--text-color);
        font-weight: 400;
        text-align: center;
    }
    #cardapioModal .cidade-restaurante h2 {
        font-family: 'Manrope';
        font-size: 24px;
        color: var(--text-color);
        display: flex;
        align-items: center;
        gap: 15px;
        width: 100%;
    }
    #cardapioModal .cidade-restaurante h2 span {
        white-space: nowrap;
    }
    #cardapioModal .cidade-restaurante h2::after {
        content: "";
        flex: 1;
        height: 2px;
        background-color: var(--red);
    }
    #cardapioModal .restaurante-item-cardapio {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 100px;
    }
    #cardapioModal .restaurante-content-cardapio {
        max-width: 690px;
    }
    /* Linhas pares */
    .listagem-restaurantes-cardapio a:nth-child(even) .restaurante-item-cardapio {
        background-color: #D6D1C4;
    }
    /* Linhas ímpares */
    .listagem-restaurantes-cardapio a:nth-child(odd) .restaurante-item-cardapio {
        background-color: #D9D9D9;
    }
    .listagem-restaurantes-cardapio {
        background: #d9d9d9;
    }
    #cardapioModal .restaurante-item-cardapio h3 {
        color: var(--red);
        font-size: 32px;
        font-weight: bold;
        margin: unset;
    }
    .restaurante-item-cardapio .descricao-item-restaurantes-cardapio p {
        font-size: 24px;
    }
    #cardapioModal .cidade-restaurante {
        padding-top: 30px;
        padding: 30px 15px 10px;
    }
    .restaurante-item-cardapio .button-cardapio {
        background-color: var(--red);
        color: white;
        font-weight: bold;
        border: none;
        padding: 6px 14px;
        border-radius: 4px;
        text-transform: uppercase;
        transition: all 0.2s ease-in-out;
    }
    .restaurante-item-cardapio .button-cardapio:hover {
        background-color: #a32016;
    }
    .restaurantes-container {
        padding: unset;
    }
    #select-cidade + .select2-container .select2-selection {
        background: unset;
        border: 2px solid #CA3625;
        border-radius: 20px;
        padding: 5px 10px;
        transition: all 0.2s ease-in-out;
        display: flex;
            height: 100%;
    }
    /* Dropdown geral */
    .select2-container--default .select2-dropdown {
        background: #fffbea; /* cor de fundo */
        border: 2px solid #CA3625; /* mesma borda do select */
        border-radius: 20px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    }

    /* Campo de pesquisa dentro do dropdown */
    .select2-container--default .select2-search--dropdown .select2-search__field {
        padding: 5px 10px;
        border: 2px solid #CA3625 !important;
        border-radius: 20px;
        width: 100%;
        background-color: #D6D1C4;
    }

    /* Itens da lista */
    .select2-container--default .select2-results__option {
        padding: 8px 12px;
        cursor: pointer;
    }

    /* Item selecionado ou destacado */
    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: var(--red) !important;
    }
    input.select2-search__field:focus {
        outline: none;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 8px !important;
        right: 10px !important;
    }
    /* Quando o select2 está aberto */
    #select-cidade.select2-hidden-accessible + .select2-container.select2-container--default.select2-container--open 
        .select2-selection {
        border-bottom: none; /* Remove a borda inferior */
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        
    }
#cardapioModal .modal-body {
    height: auto; /* ou algum valor inicial */
    overflow: hidden; /* para a animação ficar suave */
}

/* FIM MODAL CARDÁPIO */
    

/* INICIO FOOTER */
    footer {
        background: linear-gradient(0deg, rgba(232, 217, 215, 1) 0%, rgba(255, 244, 242, 1) 100%);
        padding: 50px 20px;
    }
    .titulo-footer p {
        font-size: 18px;
    }
    .descricao-footer p {
        font-size: 14px;
    }
    footer ul#menu-menu-principal-1 {
        flex-direction: row;
        justify-content: center;
        gap: 60px;
    }
    footer ul#menu-menu-principal-1 a {
        text-transform: uppercase;
    }
    .logo-footer {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .footer-publicacoes img {
        width: 85px;
        min-width: 85px;
        height: 65px;
    }
    .footer-publicacoes ul {
        list-style: none;
        padding: unset;
        display: flex;
        gap: 20px;
        padding-top: 18px;
    }
    .footer-publicacoes p {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.1;
    }
    .footer-publicacoes ul li a {
        display: flex;
        align-items: center;
        gap: 10px;
        max-width: 250px;
    }
    footer ul#menu-menu-principal-1 a:hover {
        color: var(--red);
    }   
    .footer-publicacoes button.button-blog p {
        font-size: 12px;
    }
    .footer-publicacoes {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
    }
    .titulo-footer p {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
    }
    .copyright {
        background: var(--red);
        padding: 10px 0;
    }
    .copyright p {
        color: #FFF;
        font-size: 14px;
        line-height: 149.4%;
    }
    .copyright a {
        color: #FFF;
        font-size: 14px;
        line-height: 149.4%;
    }
    /** BTN TOP **/
        .div-gotop {
            opacity: 0;
            display: block;
            position: fixed;
            right: 30px;
            bottom: 95px;
            z-index: 10;
        }
        .div-gotop button.gotop {
            background: var(--blue);
            outline: 0 !important;
            box-shadow: none;
            border: unset;
            text-shadow: none;
            cursor: pointer;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }
        .div-gotop button.gotop img {
            width: 50px;
        }
        .div-gotop.active {
            opacity: 1;
        } 
        .gotop svg {
            width: 30px;
            height: 30px;
        }
        button.gotop:hover {
            background: var(--red);
        }
        .div-gotop.active svg path {
            stroke: white;
        }
        .div-gotop.active:hover svg path {
            stroke: white;
        }
        .div-gotop.active button.gotop {
            animation: 1.5s ease-out 0s 1 slideInFromTop;
        }
    /* FIM GOTOP */
    
/* FIM FOOTER */


/* INICIO SEARCH */
   input#input-header {
        background: unset;
        border: none;
        width: 165px;
        font-size: 15px;
        padding: 3px 10px;
    }
    input#input-header:focus {
        outline: none;
    }
    .botao-search {
        text-align: center;
        padding: 20px 0 0;
    }
    .search-menu form {
        background: white;
        border: 5px solid var(--yellow);
        border-radius: 50px;
        padding: 5px 10px;
        transition: all 0.2s ease-in-out;
    }
    button#button-header {
        border: none;
        background: unset;
        padding: unset;
    }
    .page-search {
        padding: 85px 20px 50px;
    }
    .page-search .container-grid a {
        max-width: 400px;
    }
    .searchPost_content h2 {
        font-size: 24px;
        text-transform: math-auto;
        padding-bottom: 5px;
    }
    .searchPost_content p {
        font-size: 16px;
    }
    .mt-2.lerMais.button-1.button-sl-1 {
        font-size: 16px;
        color: var(--red);
        font-weight: 900;
    }
/* FIM SEARCH */    


/** INICIO DO MEDIA */
    @media screen and (min-width: 2100px){
      
    }

    @media screen and (max-width: 1700px){
     
    }

    @media screen and (max-width: 1600px){
        .search-main-header {
            right: 3%;
        }
        ul.menu-desk {
            gap: 20px;
        }
        .header-content-desk {
            gap: 20px;
        }   
        .header-logo svg {
            max-height: 150px;
        }
        .espaco-logo {
            height: unset;
        }
    }

    @media screen and (max-width: 1460px){
        .header-logo svg {
            max-width: 165px;
        }
        .header-conteudo li {
            padding: 20px 0;
        }
    }

    @media screen and (max-width: 1399px){
        .restaurante-post-aguarde h3 {
            font-size: 40px;
        }
        p {
            font-size: 18px;
        }
        h1, h2 {
            font-size: 36px;
        }
        .classicos_item h3 {
            font-size: 20px;
        }
        .happyHour-titulo {
            font-size: 38px;
        }
        .happyHour-subtitulo {
            font-size: 25px;
            margin-bottom: 30px;
        }
        .classicos-subtitulo {
            font-size: 20px;
        }
        .happyHour-descricao {
            font-size: 20px;
        }
        .header-conteudo a {
            font-size: 15px;
        }
        .peca-agora p {
            padding: 20px 15px;
        }
        .header-conteudo li {
            min-width: 110px;
        }
        .sobre-home svg {
            max-height: 100px;
        }
        .conhecaRede-titulo {
            font-size: 28px;
            margin-bottom: 10px;
        }
        .conhecaRede-descricao {
            padding: 20px 0 40px;
            font-size: 20px;
        }
        .sobre-dipaolo-col-2 img {
            max-width: 495px;
        }
        .parte-3-sobre-dipa .container-grid {
            grid-gap: 35px 35px;
        }
        .parte-3-sobre-dipa .titulo-sobre h2 {
            font-size: 28px;
        }
        .introducao-mais-pedidos h2 {
            font-size: 42px;
        }
        .introducao-mais-pedidos p {
            font-size: 20px;
            padding: 10px 0 20px;
        }
        .item-mais-pedido-imagem img {
            height: 215px;
        }
        .titulo-cta-franqueado h2 {
            font-size: 32px;
        }
        .titulo-cta-franqueado p {
            font-size: 20px;
        }
        #cardapioModal .restaurante-item-cardapio h3 {
            font-size: 24px;
        }
        .restaurante-item-cardapio .descricao-item-restaurantes-cardapio p {
            font-size: 20px;
        }
        #cardapioModal .cidade-restaurante h2 {
            font-size: 20px;
        }
        #cardapioModal .titulo-restaurantes h2 {
            font-size: 28px;
        }
        .itens-investir.container-grid {
            grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        }
        .titulo-2-formulario h3 {
            font-size: 20px;
        }
        .button-branco {
            font-size: 18px;
        }
        .item-img-blog img {
            width: 350px;
            min-width: 350px;
        }
        .introducao-cardapio.text-center p {
            font-size: 22px;
        }
        .prato-titulo h3 {
            font-size: 20px;
        }
        .prato-preco p {
            font-size: 20px;
        }
        .bloco-categoria-prato h2 {
            font-size: 32px;
        }
        
    }

    @media screen and (max-width: 1300px){
       
    }

    @media screen and (max-width: 1199px){
        .listagem-pratos-monte {
            flex-direction: column;
        }
        .header-conteudo li {
            min-width: 80px;
        }
        .espaco-logo {
            position: relative;
            width: 160px;
        }
        .peca-agora p {
            font-size: 15px;
        }
        footer ul#menu-menu-principal-1 {
            gap: 40px;
            flex-wrap: wrap;
        }
        .logo-footer svg {
            max-width: 270px;
        }
        .item-img-blog img {
            width: 250px;
            min-width: 250px;
        }
    }

    @media screen and (max-width: 991px){
        .blog-single.blog-listagem {
            padding: 30px 20px 30px;
        }
        .pizzas-e-hamburguers .prato-descricao {
            min-height: unset;
        }
        .classicos-do-dipa .prato-descricao {
            min-height: unset;
        }
        .pizzas-e-hamburguers .prato-titulo {
            min-height: unset;
        }
        input[type="file"].contact-input {
            position: unset;
            margin-bottom: 20px;
                width: 100%;
        }
        .bebidas .lista-pratos {
            column-count: unset;
        }
        .monte-seu-prato-content {
            flex-direction: column;
            gap: 30px;
        }
        .titulo-restaurante-single {
            padding-top: 20px;
        }
        .restaurante-single-button {
            text-align: center;
            padding-top: 20px;
        }
        .cardapio .categoria p {
            padding: 15px 5px;
        }
        .bloco-categoria-prato h2 span {
            white-space: unset;
        }
        .item-monte-seu-prato .prato-titulo {
            font-size: 22px;
        }
        .item-monte-seu-prato svg {
            max-width: 45px;
            min-width: 45px;
        }
        .cardapio .listagem {
            padding-bottom: unset;
        }
        .sobre-dipaolo {
            flex-direction: column;
        }
        .parte-1-sobre-dipa {
            padding: 60px 20px 30px;
        }
        .parte-2-sobre-dipa {
            padding: 30px 20px 30px;
        }
        .parte-3-sobre-dipa {
            padding: 30px 20px;
        }
        .box-sobre iframe {
            border-radius: 20px;
        }
        .titulo-sobre h1 {
            padding-bottom: 30px;
        }
        .item.animated {
            width: 100%;
        }
         .header-logo svg {
            max-width: 120px;
            height: auto;
        }
        ul.infos-header-1 li {
            border-bottom: 1px solid var(--red);
            width: 100%;
            text-align: end;
            padding-bottom: 5px;
        }
        ul.infos-header-1 li:last-child {
            border-bottom: none;
        }
        .espaco-logo {
            width: 145px;
            height: 86px;
        }
        ul#menu-menu-esquerda {
            gap: 30px;
            min-width: 323px;
        }
        ul#menu-menu-direita {
            gap: 30px;
        }
        header .d-none.d-lg-flex.header-content-desk {
            gap: 30px;
        }
        nav.container-fluid.navbar.navbar-expand-lg {
            height: 100%;
            padding-bottom: unset;
        }
        .peca-agora a {
            width: 100%;
            justify-content: center;
            align-items: center;
        }
        .peca-agora {
            position: unset;
            height: 100%;
            width: 100%;
        }
        ul.infos-header-1 {
            flex-direction: column;
            align-items: end;
            gap: 5px;
        }
        .header-logo {
            position: absolute;
            z-index: 2;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .conteudo-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            min-height: 125px;
            margin-bottom: 10px;
        }
        .header-navbar {
            width: 100%;
        }
        .footer-publicacoes {
            padding-top: 30px;
        }
        .espaco-logo {
            position: unset;
        }
        button.navbar-toggler:focus {
            box-shadow: none;
            border: none;
        }
        button.navbar-toggler {
            box-shadow: none;
            border: none;
        }
        div#navbarSupportedContent {
            background: #FFF4F2;
        }
        .header-content {
            padding: unset;
        }
        div#navegacao {
            width: 100%;
        }
        ul#menu-menu-principal li {
            width: 100%;
            border-bottom: 1px solid var(--white);
            text-align: center;
            padding: 20px 0;
            background: #D6D1C4;
        }
        ul#menu-menu-principal li:last-child {
            border-bottom: unset;
        }
        ul#menu-menu-principal {
            padding: unset;
            gap: 1px;
        }
        .navbar-nav {
            padding: 0;
        }
        #slider .owl-dots {
            flex-direction: row;
            top: unset;
            left: 0;
            right: 0;
            bottom: 5px;
        }
        .footer-infos {
            position: unset;
            align-items: center;
            width: 100%;
            padding-top: 20px;
        }
        .footer-listagem {
            column-count: 2;
            display: unset;
            padding-top: 30px;
        }
        .listagem {
            padding-bottom: 31px;
        }
        .introducao-tratamentos p {
            padding: 20px 0;
        }
        .descricao-ayurveda-home p {
            font-size: 18px;
            padding: 20px 0 30px;
        }
        header li.current-menu-item a {
            color: var(--red);
        }
        header li a {
            text-transform: uppercase;
        }
        .owl-next {
            right: -6%;
        }
        .owl-prev {
            left: -6%;
        }
        .parte-2-sobre-dipa .sobre-dipaolo-col-1 {
            padding: 0 15px;
        }
        .parte-2-sobre-dipa .descricao-sobre p {
            padding-bottom: 30px;
        }
        .parte-3-sobre-dipa .titulo-sobre {
            flex-direction: column;
        }
        .titulo-restaurantes h1 {
            text-align: center;
            font-size: 24px;
        }
        .box-restaurantes {
            padding-bottom: 30px;
        }
        .titulo-restaurantes .search-home.search-restaurantes {
            position: unset;
        }
        .titulo-restaurantes {
            position: relative;
            display: flex;
            justify-content: space-between;
        }
        .restaurantes {
            padding: 60px 20px 30px;
        }
        .mais-pedidos {
            padding: 30px 20px 0;
        }
        .introducao-mais-pedidos h2 {
            font-size: 30px;
        }
        .box-cta-franqueado {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .cta_franqueado-button {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }
        .titulo-cta-franqueado {
            text-align: center;
            padding: 0;
        }
        .cta-franqueado {
            padding: 30px 20px;
        }
        .mapa-representantes-conteudo {
            margin: unset;
            padding-top: 20px;
        }
        .sobre-franquias {
            padding: 60px 20px 30px;
        }
        .mapa-representantes {
            padding: 30px 20px;
        }
        .investir {
            padding: 30px 20px;
        }
        .introducao-investir h2 {
            font-size: 42px;
        }
        .introducao-investir p {
            font-size: 20px;
            padding: 10px 5px 20px;
        }
        .projetos {
            padding: 30px 20px;
        }
        .formulario-franqueado {
            padding: 30px 20px;
        }
        .introducao-formulario-franquia {
            padding-right: unset;
        }
        .formulario-button {
            padding-top: 10px;
            text-align: center;
            padding-bottom: 30px;
        }
        .itens-investir.container-grid {
            grid-gap: 30px 30px;
        }
        footer {
            padding: 30px 20px;
        }
        .button-vermelho {
            font-size: 16px;
            padding: 15px 20px;
        }
        .contato {
            padding: 60px 0px 30px;
        }
        .blog .row {
            justify-content: center;
            gap: 30px;
        }
        .listagem-posts {
            padding-right: 0;
        }
        .topo-blog {
            margin-bottom: unset;
        }
        .blog {
            padding: 0px;
        }
        .listagem-posts {
            padding: 0 20px;
        }
        #cardapioModal .restaurante-item-cardapio {
            padding: 15px 30px;
            gap: 10px;
        }
        #cardapioModal .restaurante-item-cardapio h3 {
            font-size: 20px;
        }
        .restaurante-item-cardapio .descricao-item-restaurantes-cardapio p {
            font-size: 18px;
        }
        .restaurante-item-cardapio .button-cardapio {
            min-width: 143px;
        }
        #cardapioModal .cidade-restaurante {
            padding: 30px 0px 10px;
        }
        .box-restaurantes-home {
            flex-direction: column;
            text-align: center;
        }
        .listagem-restaurantes {
            min-height: unset;
        }
        .titulo-cta-franqueado p {
            font-size: 18px;
        }
        .titulo-cta-franqueado h2 {
            font-size: 28px;
        }
        .happyHour {
            padding: 0px 0px 30px;
        }
        .happyHour-texto-descricao {
            padding: 0 20px;
        }
        .modal-body .box-restaurantes {
            padding-bottom: unset;
        }
            .footer-listagem {
            column-count: unset;
        }
        .imagem-restaurante-single img {
            height: 288px;
            width: 100%;
        }
        div#massas {
            padding-bottom: 50px;
        }
        .blog-single.blog-listagem .row {
            justify-content: center;
        }
        .blog-single-content.content-blog {
            padding: 0 20px;
        }
        .prato-img.fancy img {
            min-width: 100%;
        }
        .prato-img.fancy {
            min-width: 100%;
        }
        .item-monte-seu-prato.parte-1 {
            padding-right: unset;
        }
        .item-monte-seu-prato {
            padding-top: unset;
        }
        .prato-acompanhamentos p::before {
            content: "• "; /* marcador personalizado */
            color: #000000; /* cor do marcador */
            font-weight: bold;
            display: inline-block;
            width: 1em;
        }
    }

    @media screen and (max-width: 767px){
        .classicos_item {
            padding: 20px 35px;
        }
        .footer-publicacoes ul {
            flex-direction: column;
        }
        footer ul#menu-menu-principal-1 {
            gap: 15px 30px;
            flex-wrap: wrap;
        }
       .owl-item {
            display: flex;
            justify-content: center;
        }
        .owl-theme .owl-dots .owl-dot span {
            width: 15px;
            height: 15px;
        }
        a.breadcrumb-page {
            font-size: 12px;
        }
        span.breadcrumb-marker {
            padding: 0px;
            font-size: 12px;
        }
        span.breadcrumb-title {
            font-size: 12px;
        }
        .breadcrumb {
            padding-top: 20px;
        }
        .carrossel-imagens .owl-carousel .item {
            justify-items: center;
        }
        .carrossel-imagens {
            padding: 30px 0;
        }
        .submit-content p {
            align-items: center;
            justify-content: center;
        }
        .item-img-blog img {
            min-width: unset;
            width: 100%;
        }
        .listagem-posts article {
            flex-direction: column;
        }
        .topo-blog {
            flex-direction: column;
            gap: 15px;
        }
    }

    @media screen and (max-width: 576px){
        ul.porcao-prato-acompanhamentos {
            padding-left: 80px;
        }
        .prato-acompanhamentos {
            column-count: unset;
        }
        .div-gotop {
            right: 15px;
        }
      .logos-sobre-dipa img {
            max-width: 120px;
        }
        .parte-3-sobre-dipa .descricao-sobre p {
            padding: 20px 0;
        }
        .parte-3-sobre-dipa .container-grid {
            grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
        }
        .wa__btn_popup {
            right: 15px;
        }
        .restaurante-item {
            padding: 20px 30px;
        }
        .restaurante-content {
            padding: 15px 20px;
        }
        .banner-imagem-single-blog img {
            height: 250px;
        }
    }

    @media screen and (max-width: 475px){
        .bloco-categoria-prato h2 {
            font-size: 26px;
        }
        .bebidas .prato-titulo p {
            font-size: 12px;
        }
        .prato-titulo h3 {
            font-size: 18px;
        }
        .listagem-pratos-monte {
            flex-direction: column;
            align-items: initial;
        }
        .titulo-restaurante-single h1 {
            font-size: 24px;
        }
        .sobre-home svg {
            max-height: 65px;
        }
        h1, h2 {
            font-size: 32px;
        }
        h1.sobre-home-titulo {
            padding-bottom: 30px;
        }
        .sobre-home {
            padding: 30px 20px;
        }
        .classicos, .pratos {
            padding: 30px 20px;
        }

        
        .restaurantes-home {
            padding: 30px 20px;
        }
        .box-restaurantes-home {
            flex-direction: column;
        }
        .conhecaRede {
            padding: 30px 20px;
        }
        img.conhecaRede-logo_principal {
            max-width: 186px;
        }
        .titulo-logo-conheca {
            flex-direction: column;
            align-items: center;
        }
        .header-logo svg {
            max-width: 100px;
        }
        ul.infos-header-1 li a {
            font-size: 13px;
        }
        .conteudo-header {
            min-height: 100px;
        }
        .sobre-home-descricao p {
            padding: 0 0px 20px 0px;
        }
        .happyHour-titulo {
            font-size: 34px;
            justify-content: center;
        }
        .happyHour-subtitulo {
            text-align: center;
        }
        p.happyHour-descricao {
            text-align: center;
        }
        .happyHour-descricao {
            font-size: 18px;
        }
        .owl-next svg {
            max-width: 40px;
        }
        .owl-prev svg {
            max-width: 40px;
        }

        .titulo-restaurantes {
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .introducao-investir h2 {
            font-size: 32px;
        }
        p {
            font-size: 16px;
        }
        #cardapioModal .restaurante-item-cardapio {
            padding: 15px 20px;
            gap: 10px;
            flex-direction: column;
            align-items: initial;
        }
        #cardapioModal .modal-body {
            padding: 15px;
        }
        #cardapioModal .titulo-restaurantes h2 {
            font-size: 24px;
        }
        .prato-img.fancy img {
            max-height: 270px;
            min-height: 270px;
        }
        .prato-img.fancy {
            max-height: 270px;
        }
        button.fancybox-button.fancybox-close-small {
            right: -3px;
        }
    }


    @media screen and (max-width: 420px){
    
    }

    @media screen and (max-width: 400px){  
        .header-logo {
            left: 40%;
        }

    }

    @media screen and (max-width: 375px){
      
    }

    @media screen and (max-width: 360px){
        .footer-listagem {
            column-count: 1;
            padding-top: 20px;
        }
        h1, h2 {
            font-size: 28px;
        }
        .prato-img.fancy img {
            max-height: 230px;
            min-height: 230px;
        }
        .prato-img.fancy {
            max-height: 230px;
        }
    }

    @media screen and (max-width: 330px){
        ul.infos-header-1 li a {
            padding-right: 5px;
        }
        .conteudo-bebida .prato-titulo h3 {
            font-size: 16px;
        }
        .conteudo-bebida .prato-preco p {
        font-size: 16px;
    }
    }