.elementor-820 .elementor-element.elementor-element-59145cec{--display:flex;--min-height:155px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-820 .elementor-element.elementor-element-59145cec:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-59145cec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5F4B40;}.elementor-820 .elementor-element.elementor-element-2fd0c38{--display:flex;--min-height:433px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-820 .elementor-element.elementor-element-2fd0c38:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-2fd0c38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/gastro0001-scaled.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-820 .elementor-element.elementor-element-452ca74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-820 .elementor-element.elementor-element-29d9058{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-28px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-820 .elementor-element.elementor-element-29d9058:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-29d9058 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;}.elementor-820 .elementor-element.elementor-element-bd5af55{padding:0px 0px 0px 0px;}.elementor-820 .elementor-element.elementor-element-0270634{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-820 .elementor-element.elementor-element-0270634:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-0270634 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;}.elementor-820 .elementor-element.elementor-element-e3b86bf{--display:flex;--min-height:455px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-820 .elementor-element.elementor-element-e3b86bf:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-e3b86bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/dacozinha-scaled.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-820 .elementor-element.elementor-element-9b969b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-820 .elementor-element.elementor-element-9b969b6:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-9b969b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;}@media(min-width:768px){.elementor-820 .elementor-element.elementor-element-2fd0c38{--content-width:1600px;}.elementor-820 .elementor-element.elementor-element-29d9058{--content-width:1600px;}.elementor-820 .elementor-element.elementor-element-0270634{--content-width:1600px;}.elementor-820 .elementor-element.elementor-element-e3b86bf{--content-width:1600px;}}@media(max-width:767px){.elementor-820 .elementor-element.elementor-element-2fd0c38:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-2fd0c38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/begecel01.webp");}.elementor-820 .elementor-element.elementor-element-452ca74:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-452ca74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/gastreocel.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-820 .elementor-element.elementor-element-452ca74{--min-height:431px;--margin-top:-155px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-820 .elementor-element.elementor-element-0270634{--margin-top:-74px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-820 .elementor-element.elementor-element-e3b86bf:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-e3b86bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/begecel01.webp");}.elementor-820 .elementor-element.elementor-element-9b969b6:not(.elementor-motion-effects-element-type-background), .elementor-820 .elementor-element.elementor-element-9b969b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/dacozinhacel.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-820 .elementor-element.elementor-element-9b969b6{--min-height:309px;--margin-top:-144px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:18px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-16ff591 *//* =========================================================
   =========================================================
                 GASTRONOMIA — MARÚ
   =========================================================

   ✓ FUNDO TRANSPARENTE
   ✓ FOTO GRANDE DO PRATO DESATIVADA
   ✓ BOX DO CHEF MANTIDO
   ✓ NOVA POSIÇÃO SOMENTE DESKTOP
   ✓ TABLET PRESERVADO
   ✓ MOBILE PRESERVADO
   ✓ MEKONA = TÍTULOS
   ✓ SORA = TEXTOS
   ✓ ALLURA = SOMENTE ASSINATURA DO CHEF

========================================================= */


/* =========================================================
   SEÇÃO PRINCIPAL
========================================================= */

.maru-gastronomia-hero {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    /* >>> ESPAÇAMENTO DA SEÇÃO <<< */
    padding: 34px 0 34px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.maru-gastronomia-container {

    /* >>> LARGURA GERAL <<< */
    width: 92% !important;
    max-width: none !important;

    margin: 0 auto !important;

    /*
       IMPORTANTE:
       o chef usa este container
       como referência de posição.
    */

    position: relative !important;

    display: block !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CONTEÚDO
========================================================= */

.maru-gastronomia-conteudo {

    width: 100% !important;
    max-width: none !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;
    align-items: flex-start !important;

    padding: 32px 0 32px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LABEL
========================================================= */

.maru-gastronomia-label {

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 14px !important;

    margin: 0 0 18px !important;
}


/* =========================================================
   LABEL — TEXTO
========================================================= */

.maru-gastronomia-label-texto {

    font-family: "Sora", sans-serif !important;

    font-size: 10px !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

    letter-spacing: .6px !important;

    color: #5f4b40 !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   RISQUINHO
========================================================= */

.maru-gastronomia-label-linha {

    display: block !important;

    width: 40px !important;

    flex: 0 0 40px !important;

    height: 1px !important;

    background: rgba(82, 94, 58, .45) !important;
}


/* =========================================================
   TÍTULO
========================================================= */

.maru-gastronomia-titulo {

    margin: 0 0 22px !important;

    padding: 0 !important;

    font-family: "MEKONA", serif !important;

    /* >>> TAMANHO DO TÍTULO <<< */
    font-size: clamp(42px, 3.3vw, 54px) !important;

    font-weight: 400 !important;

    line-height: .98 !important;

    letter-spacing: 0 !important;

    color: #525e3a !important;

    white-space: nowrap !important;
}


/* =========================================================
   TEXTOS
========================================================= */

.maru-gastronomia-textos {

    width: 100% !important;

    max-width: 520px !important;
}


.maru-gastronomia-textos p {

    margin: 0 0 18px !important;

    padding: 0 !important;

    font-family: "Sora", sans-serif !important;

    font-size: 12px !important;

    font-weight: 400 !important;

    line-height: 1.7 !important;

    color: #5f4b40 !important;
}


.maru-gastronomia-textos p:last-child {

    margin-bottom: 0 !important;
}


/* =========================================================
   CHEF NO PARÁGRAFO
========================================================= */

.maru-gastronomia-textos strong {

    font-family: "Sora", sans-serif !important;

    font-weight: 600 !important;

    color: #5f4b40 !important;
}


/* =========================================================
   AÇÕES
========================================================= */

.maru-gastronomia-acoes {

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    flex-wrap: wrap !important;

    gap: clamp(24px, 3vw, 48px) !important;

    margin-top: 28px !important;
}


/* =========================================================
   BOTÃO
========================================================= */

.maru-gastronomia-botao,
.maru-gastronomia-botao:link,
.maru-gastronomia-botao:visited,
.maru-gastronomia-botao:focus,
.maru-gastronomia-botao:active {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 15px !important;

    min-width: 170px !important;

    height: 45px !important;

    padding: 0 20px !important;

    background: #525e3a !important;
    background-color: #525e3a !important;

    border: 1px solid #525e3a !important;

    border-radius: 0 !important;

    text-decoration: none !important;

    outline: none !important;

    box-shadow: none !important;

    font-family: "Sora", sans-serif !important;

    font-size: 9px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    letter-spacing: .4px !important;

    color: #faf8eb !important;

    box-sizing: border-box !important;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}


/* =========================================================
   BOTÃO — HOVER
========================================================= */

.maru-gastronomia-botao:hover {

    background: transparent !important;
    background-color: transparent !important;

    color: #525e3a !important;

    border-color: #525e3a !important;

    text-decoration: none !important;

    outline: none !important;

    box-shadow: none !important;
}


/* =========================================================
   SETA
========================================================= */

.maru-gastronomia-botao-seta {

    font-size: 14px !important;

    line-height: 1 !important;
}


/* =========================================================
   DIFERENCIAL
========================================================= */

.maru-gastronomia-diferencial {

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 12px !important;
}


/* =========================================================
   ÍCONE
========================================================= */

.maru-gastronomia-diferencial-icone {

    width: 28px !important;
    height: 28px !important;

    flex: 0 0 28px !important;

    color: #8d927e !important;
}


.maru-gastronomia-diferencial-icone svg {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    fill: none !important;

    stroke: currentColor !important;

    stroke-width: 1.5 !important;

    stroke-linecap: round !important;

    stroke-linejoin: round !important;
}


/* =========================================================
   TEXTO DIFERENCIAL
========================================================= */

.maru-gastronomia-diferencial-texto {

    font-family: "Sora", sans-serif !important;

    font-size: 10px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    color: #5f4b40 !important;
}


/* =========================================================
   ÁREA VISUAL ANTIGA
========================================================= */

.maru-gastronomia-visual {

    display: block !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;

    overflow: visible !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}


/* =========================================================
   FOTO GRANDE DO PRATO
   CONTINUA DESATIVADA
========================================================= */

.maru-gastronomia-imagem-principal {

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   =========================================================
                       BOX DO CHEF
   =========================================================
========================================================= */

.maru-gastronomia-chef {

    width: 440px !important;

    max-width: none !important;

    height: 150px !important;
    min-height: 150px !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: flex-end !important;

    justify-content: flex-start !important;

    position: absolute !important;

    /*
       VALORES BASE.

       NO DESKTOP ELES SERÃO SOBRESCRITOS
       MAIS ABAIXO.
    */

    right: 18px !important;

    bottom: 18px !important;

    top: auto !important;
    left: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    z-index: 5 !important;
}


/* =========================================================
   BLOCO VERDE
========================================================= */

.maru-gastronomia-chef-info {

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;

    align-items: flex-start !important;

    width: 205px !important;

    min-width: 205px !important;
    max-width: 205px !important;

    flex: 0 0 205px !important;

    height: 110px !important;

    min-height: 110px !important;

    padding: 18px 22px !important;

    background: #525e3a !important;
    background-color: #525e3a !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ASSINATURA DO CHEF

   IMPORTANTE:
   SOMENTE ELA USA ALLURA.
========================================================= */

.maru-gastronomia-chef-assinatura {

    margin: 0 0 13px !important;

    padding: 0 !important;

    /*
       >>> FONTE DA ASSINATURA <<<

       O !important evita que o Elementor
       substitua pela fonte global.
    */

    font-family: "Allura", "Brush Script MT", cursive !important;

    font-size: 23px !important;

    font-weight: 400 !important;

    font-style: normal !important;

    font-synthesis: none !important;

    line-height: 1 !important;

    letter-spacing: 0 !important;

    text-transform: none !important;

    color: #faf8eb !important;

    white-space: nowrap !important;
}


/*
   BLINDAGEM EXTRA CONTRA
   TIPOGRAFIA GLOBAL DO ELEMENTOR
*/

.maru-gastronomia-chef-info
.maru-gastronomia-chef-assinatura {

    font-family: "Allura", "Brush Script MT", cursive !important;

    font-weight: 400 !important;

    font-style: normal !important;

    letter-spacing: 0 !important;

    text-transform: none !important;
}


/* =========================================================
   CARGO
========================================================= */

.maru-gastronomia-chef-cargo {

    font-family: "Sora", sans-serif !important;

    font-size: 8px !important;

    font-weight: 500 !important;

    line-height: 1.55 !important;

    letter-spacing: .7px !important;

    color: #faf8eb !important;

    text-transform: uppercase !important;
}


/* =========================================================
   FOTO DO CHEF
========================================================= */

.maru-gastronomia-chef-foto {

    display: block !important;

    width: 235px !important;

    min-width: 235px !important;
    max-width: 235px !important;

    flex: 0 0 235px !important;

    height: 150px !important;

    min-height: 150px !important;

    overflow: hidden !important;

    background: #222 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   IMAGEM DO CHEF
========================================================= */

.maru-gastronomia-chef-foto img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    /*
       >>> POSIÇÃO DO CHEF DENTRO DA FOTO <<<

       PARA SUBIR:
       center 30%

       PARA DESCER:
       center 65%
    */

    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   =========================================================
        POSIÇÃO DO CHEF — SOMENTE DESKTOP
   =========================================================

   ESSA É A PARTE QUE VOCÊ VAI USAR
   PARA COLOCAR O CHEF NA REGIÃO
   MARCADA NA SUA IMAGEM.

   NÃO ALTERA TABLET.
   NÃO ALTERA MOBILE.

========================================================= */

@media (min-width: 1025px) {

    .maru-gastronomia-chef {

        /*
           ==========================================
           >>> ESQUERDA / DIREITA <<<
           ==========================================

           DIMINUA right:
           vai MAIS PARA A DIREITA.

           AUMENTE right:
           vai MAIS PARA A ESQUERDA.
        */

        right: 5.5% !important;


        /*
           ==========================================
           >>> CIMA / BAIXO <<<
           ==========================================

           AGORA USAMOS top,
           porque queremos o chef na parte superior.

           DIMINUA:
           sobe.

           AUMENTE:
           desce.
        */

        top: 60px !important;


        /*
           DESATIVA O bottom ANTIGO
        */

        bottom: auto !important;

        left: auto !important;
    }

}


/* =========================================================
   DESKTOP GRANDE
   1440PX+
========================================================= */

@media (min-width: 1440px) {

    .maru-gastronomia-hero {

        padding: 38px 0 !important;
    }


    .maru-gastronomia-container {

        width: 92% !important;
    }


    .maru-gastronomia-conteudo {

        padding: 32px 0 !important;
    }


    .maru-gastronomia-titulo {

        font-size: 56px !important;
    }


    .maru-gastronomia-textos p {

        font-size: 12px !important;
    }


    /* =====================================================
       BOX CHEF

       MANTÉM A NOVA POSIÇÃO SUPERIOR
    ====================================================== */

    .maru-gastronomia-chef {

        width: 440px !important;

        height: 150px !important;

        min-height: 150px !important;

        /*
           >>> POSIÇÃO DESKTOP GRANDE <<<

           ALTERE ESTES DOIS SE PRECISAR
           DE AJUSTE FINO.
        */

        right: 5.5% !important;

        top: 60px !important;

        bottom: auto !important;
    }


    /* =====================================================
       VERDE
    ====================================================== */

    .maru-gastronomia-chef-info {

        width: 205px !important;

        min-width: 205px !important;
        max-width: 205px !important;

        flex: 0 0 205px !important;

        height: 110px !important;

        min-height: 110px !important;
    }


    /* =====================================================
       FOTO
    ====================================================== */

    .maru-gastronomia-chef-foto {

        width: 235px !important;

        min-width: 235px !important;
        max-width: 235px !important;

        flex: 0 0 235px !important;

        height: 150px !important;

        min-height: 150px !important;
    }

}


/* =========================================================
   =========================================================
                         TABLET
                    768PX — 1024PX

   NÃO ALTEREI O POSICIONAMENTO.
   MANTIDO COMO NO SEU CÓDIGO.
========================================================= */

@media
(max-width: 1024px)
and
(min-width: 768px) {

    .maru-gastronomia-hero {

        padding: 30px 0 !important;
    }


    .maru-gastronomia-container {

        width: 90% !important;
    }


    .maru-gastronomia-conteudo {

        padding: 28px 0 !important;
    }


    .maru-gastronomia-label {

        gap: 12px !important;

        margin-bottom: 17px !important;
    }


    .maru-gastronomia-label-linha {

        width: 36px !important;

        flex: 0 0 36px !important;
    }


    .maru-gastronomia-titulo {

        font-size: 46px !important;
    }


    .maru-gastronomia-textos {

        max-width: 500px !important;
    }


    .maru-gastronomia-textos p {

        font-size: 11.5px !important;

        line-height: 1.7 !important;
    }


    .maru-gastronomia-acoes {

        gap: 28px !important;

        margin-top: 26px !important;
    }


    /* =====================================================
       BOX CHEF TABLET
    ====================================================== */

    .maru-gastronomia-chef {

        width: 360px !important;

        height: 130px !important;

        min-height: 130px !important;

        right: 12px !important;

        bottom: 12px !important;

        top: auto !important;
    }


    /* =====================================================
       BLOCO VERDE TABLET
    ====================================================== */

    .maru-gastronomia-chef-info {

        width: 170px !important;

        min-width: 170px !important;
        max-width: 170px !important;

        flex: 0 0 170px !important;

        height: 95px !important;

        min-height: 95px !important;

        padding: 15px 16px !important;
    }


    /* =====================================================
       FOTO TABLET
    ====================================================== */

    .maru-gastronomia-chef-foto {

        width: 190px !important;

        min-width: 190px !important;
        max-width: 190px !important;

        flex: 0 0 190px !important;

        height: 130px !important;

        min-height: 130px !important;
    }


    .maru-gastronomia-chef-assinatura {

        font-size: 19px !important;

        margin-bottom: 9px !important;
    }


    .maru-gastronomia-chef-cargo {

        font-size: 7px !important;
    }

}


/* =========================================================
   =========================================================
                         MOBILE
                       ATÉ 767PX

   POSICIONAMENTO ORIGINAL PRESERVADO.
========================================================= */

@media (max-width: 767px) {

    .maru-gastronomia-hero {

        padding: 25px 0 30px !important;
    }


    .maru-gastronomia-container {

        width: 90% !important;
    }


    .maru-gastronomia-conteudo {

        width: 100% !important;

        padding: 20px 0 !important;
    }


    .maru-gastronomia-label {

        gap: 10px !important;

        margin-bottom: 17px !important;
    }


    .maru-gastronomia-label-texto {

        font-size: 9px !important;
    }


    .maru-gastronomia-label-linha {

        width: 32px !important;

        flex: 0 0 32px !important;
    }


    .maru-gastronomia-titulo {

        font-size: 38px !important;

        line-height: .98 !important;

        margin-bottom: 22px !important;

        white-space: nowrap !important;
    }


    .maru-gastronomia-textos {

        width: 100% !important;

        max-width: 100% !important;
    }


    .maru-gastronomia-textos p {

        font-size: 12px !important;

        line-height: 1.7 !important;

        margin-bottom: 17px !important;
    }


    .maru-gastronomia-acoes {

        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 22px !important;

        margin-top: 28px !important;
    }


    .maru-gastronomia-botao,
    .maru-gastronomia-botao:link,
    .maru-gastronomia-botao:visited,
    .maru-gastronomia-botao:focus,
    .maru-gastronomia-botao:active {

        width: 100% !important;

        max-width: 330px !important;

        height: 46px !important;
    }


    /* =====================================================
       ÁREA CHEF MOBILE
    ====================================================== */

    .maru-gastronomia-visual {

        width: 100% !important;

        height: auto !important;

        min-height: 0 !important;

        position: static !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    /* =====================================================
       BOX CHEF MOBILE
    ====================================================== */

    .maru-gastronomia-chef {

        position: relative !important;

        right: auto !important;
        bottom: auto !important;
        top: auto !important;
        left: auto !important;

        width: 100% !important;

        max-width: 380px !important;

        height: 125px !important;

        min-height: 125px !important;

        display: flex !important;

        align-items: flex-end !important;

        margin: 25px 0 0 !important;
    }


    /* =====================================================
       VERDE MOBILE
    ====================================================== */

    .maru-gastronomia-chef-info {

        width: 46% !important;

        min-width: 46% !important;
        max-width: 46% !important;

        flex: 0 0 46% !important;

        height: 92px !important;

        min-height: 92px !important;

        padding: 15px 17px !important;
    }


    /* =====================================================
       FOTO MOBILE
    ====================================================== */

    .maru-gastronomia-chef-foto {

        width: 54% !important;

        min-width: 54% !important;
        max-width: 54% !important;

        flex: 0 0 54% !important;

        height: 125px !important;

        min-height: 125px !important;
    }


    .maru-gastronomia-chef-assinatura {

        font-size: 19px !important;

        margin-bottom: 9px !important;
    }

}


/* =========================================================
   CELULAR PEQUENO
   ATÉ 420PX
========================================================= */

@media (max-width: 420px) {

    .maru-gastronomia-hero {

        padding: 22px 0 28px !important;
    }


    .maru-gastronomia-container {

        width: 89% !important;
    }


    .maru-gastronomia-conteudo {

        padding: 18px 0 !important;
    }


    .maru-gastronomia-label {

        gap: 9px !important;
    }


    .maru-gastronomia-label-texto {

        font-size: 8.5px !important;
    }


    .maru-gastronomia-label-linha {

        width: 28px !important;

        flex: 0 0 28px !important;
    }


    .maru-gastronomia-titulo {

        font-size: 34px !important;

        line-height: .98 !important;

        white-space: nowrap !important;
    }


    .maru-gastronomia-textos p {

        font-size: 11px !important;
    }


    .maru-gastronomia-botao,
    .maru-gastronomia-botao:link,
    .maru-gastronomia-botao:visited,
    .maru-gastronomia-botao:focus,
    .maru-gastronomia-botao:active {

        width: 100% !important;

        max-width: 100% !important;
    }


    .maru-gastronomia-diferencial-icone {

        width: 26px !important;

        height: 26px !important;

        flex: 0 0 26px !important;
    }


    .maru-gastronomia-diferencial-texto {

        font-size: 9.5px !important;
    }


    /* =====================================================
       BOX CHEF MOBILE PEQUENO
    ====================================================== */

    .maru-gastronomia-chef {

        width: 100% !important;

        max-width: 100% !important;

        height: 115px !important;

        min-height: 115px !important;

        margin-top: 22px !important;
    }


    /* =====================================================
       VERDE
    ====================================================== */

    .maru-gastronomia-chef-info {

        width: 46% !important;

        min-width: 46% !important;
        max-width: 46% !important;

        flex: 0 0 46% !important;

        height: 85px !important;

        min-height: 85px !important;

        padding: 14px 15px !important;
    }


    /* =====================================================
       FOTO
    ====================================================== */

    .maru-gastronomia-chef-foto {

        width: 54% !important;

        min-width: 54% !important;
        max-width: 54% !important;

        flex: 0 0 54% !important;

        height: 115px !important;

        min-height: 115px !important;
    }


    .maru-gastronomia-chef-assinatura {

        font-size: 17px !important;

        margin-bottom: 8px !important;
    }


    .maru-gastronomia-chef-cargo {

        font-size: 7px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd5af55 *//* =========================================================
   =========================================================
             UMA COZINHA DE AUTORIA — MARÚ
   =========================================================

   REFERÊNCIA:

   ✓ 5 COLUNAS DESKTOP
   ✓ ÍCONES FINOS
   ✓ DIVISÓRIAS VERTICAIS NO DESKTOP
   ✓ COMPOSIÇÃO CENTRALIZADA
   ✓ VISUAL LEVE
   ✓ RESPONSIVO

   CORREÇÃO ATUAL:

   ✓ NO CELULAR NÃO EXISTEM MAIS
     DIVISÓRIAS LATERAIS NOS CARDS

   ✓ OS DOIS RISQUINHOS DO TÍTULO
     "UMA COZINHA DE AUTORIA"
     CONTINUAM APARECENDO

   ✓ EXPERIÊNCIA COMPLETA CENTRALIZADA
     QUANDO FICA SOZINHA NO MOBILE

========================================================= */


/* =========================================================
   SEÇÃO
========================================================= */

.maru-autoria {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;


    /* =====================================================
       >>> ESPAÇAMENTO DA SEÇÃO <<<

       primeiro = TOPO
       segundo  = LATERAIS
       terceiro = BAIXO
    ====================================================== */

    padding: 45px 0 48px !important;


    /* =====================================================
       >>> FUNDO <<<

       ATUAL:
       #faf8eb

       PARA TRANSPARENTE:
       background: transparent !important;
       background-color: transparent !important;
    ====================================================== */

    background: #faf8eb !important;
    background-color: #faf8eb !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.maru-autoria-container {

    /* =====================================================
       >>> LARGURA GERAL <<<

       90% = mais margem
       94% = ATUAL
       97% = menos margem
    ====================================================== */

    width: 94% !important;

    max-width: none !important;

    margin: 0 auto !important;

    box-sizing: border-box !important;
}


/* =========================================================
   =========================================================
                       LABEL
   =========================================================

          ─── UMA COZINHA DE AUTORIA ───

========================================================= */

.maru-autoria-label {

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;


    /* >>> DISTÂNCIA TEXTO / RISQUINHOS <<< */

    gap: 12px !important;


    /* >>> DISTÂNCIA ATÉ OS ÍCONES <<< */

    margin: 0 0 30px !important;

    padding: 0 !important;
}


/* =========================================================
   TEXTO DA LABEL
========================================================= */

.maru-autoria-label-texto {

    font-family: "Sora", sans-serif !important;


    /* >>> TAMANHO <<< */

    font-size: 9px !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

    letter-spacing: 1.1px !important;

    text-transform: uppercase !important;


    /* >>> COR <<< */

    color: #525e3a !important;

    white-space: nowrap !important;
}


/* =========================================================
   RISQUINHOS DO TÍTULO

   ATENÇÃO:

   ESTES SÃO OS DOIS RISQUINHOS:

   ─── UMA COZINHA DE AUTORIA ───

   ELES CONTINUAM ATIVOS NO CELULAR.

   >>> ATIVAR / DESATIVAR <<<

   block = ATIVADO
   none  = DESATIVADO
========================================================= */

.maru-autoria-label-linha {

    display: block !important;


    /* >>> COMPRIMENTO <<< */

    width: 38px !important;

    flex: 0 0 38px !important;


    /* >>> ESPESSURA <<< */

    height: 1px !important;


    /* >>> COR <<< */

    background: rgba(82, 94, 58, .35) !important;
}


/* =========================================================
   =========================================================
                        GRID
   =========================================================
========================================================= */

.maru-autoria-grid {

    width: 100% !important;

    display: grid !important;


    /* =====================================================
       >>> DESKTOP = 5 COLUNAS <<<
    ====================================================== */

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;


    /* >>> DISTÂNCIA ENTRE COLUNAS <<< */

    gap: 0 !important;

    align-items: stretch !important;

    box-sizing: border-box !important;
}


/* =========================================================
   =========================================================
                        ITEM
   =========================================================
========================================================= */

.maru-autoria-item {

    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: flex-start !important;

    text-align: center !important;


    /* =====================================================
       >>> ESPAÇAMENTO INTERNO DOS ITENS <<<

       primeiro = topo/baixo
       segundo  = laterais
    ====================================================== */

    padding:
        0
        clamp(18px, 2vw, 34px)
        5px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   DIVISÓRIAS VERTICAIS — DESKTOP

   ESSAS SÃO AS LINHAS ENTRE OS CARDS.

   DESKTOP = ATIVADAS
   MOBILE  = DESATIVADAS MAIS ABAIXO
========================================================= */

.maru-autoria-item:not(:last-child)::after {

    content: "" !important;

    display: block !important;

    position: absolute !important;

    right: 0 !important;


    /* =====================================================
       >>> POSIÇÃO VERTICAL DA LINHA <<<

       4px = começa próximo ao ícone
    ====================================================== */

    top: 4px !important;


    /* =====================================================
       >>> ALTURA DA LINHA <<<
    ====================================================== */

    height: calc(100% - 8px) !important;


    /* >>> ESPESSURA <<< */

    width: 1px !important;


    /* >>> COR <<< */

    background:
        rgba(95, 75, 64, .15) !important;
}


/* =========================================================
   =========================================================
                         ÍCONES
   =========================================================
========================================================= */

.maru-autoria-icone {

    /* =====================================================
       >>> TAMANHO DO ÍCONE <<<

       32px = menor
       38px = ATUAL
       44px = maior
    ====================================================== */

    width: 38px !important;

    height: 38px !important;

    flex: 0 0 38px !important;


    /* >>> DISTÂNCIA ATÉ O TÍTULO <<< */

    margin: 0 0 16px !important;


    /* >>> COR DO ÍCONE <<< */

    color: #7d826c !important;
}


/* =========================================================
   SVG
========================================================= */

.maru-autoria-icone svg {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    fill: none !important;

    stroke: currentColor !important;


    /* =====================================================
       >>> ESPESSURA DO TRAÇO <<<

       1.2 = mais delicado
       1.6 = ATUAL
       2   = mais forte
    ====================================================== */

    stroke-width: 1.6 !important;

    stroke-linecap: round !important;

    stroke-linejoin: round !important;
}


/* =========================================================
   =========================================================
                        TÍTULOS
   =========================================================
========================================================= */

.maru-autoria-titulo {

    margin: 0 0 12px !important;

    padding: 0 !important;


    /* >>> FONTE <<< */

    font-family: "Sora", sans-serif !important;


    /* >>> TAMANHO <<< */

    font-size: 10px !important;

    font-weight: 600 !important;

    line-height: 1.45 !important;

    letter-spacing: .3px !important;

    text-transform: uppercase !important;


    /* >>> COR <<< */

    color: #525e3a !important;
}


/* =========================================================
   =========================================================
                       DESCRIÇÕES
   =========================================================
========================================================= */

.maru-autoria-texto {

    margin: 0 !important;

    padding: 0 !important;

    font-family: "Sora", sans-serif !important;


    /* >>> TAMANHO <<< */

    font-size: 9px !important;

    font-weight: 400 !important;


    /* >>> DISTÂNCIA ENTRE LINHAS <<< */

    line-height: 1.65 !important;


    /* >>> COR <<< */

    color: #5f4b40 !important;
}


/* =========================================================
   =========================================================
                    DESKTOP GRANDE
                       1440PX+
   =========================================================
========================================================= */

@media (min-width: 1440px) {

    .maru-autoria {

        /* >>> ALTURA / RESPIRO DA SEÇÃO <<< */

        padding: 48px 0 52px !important;
    }


    .maru-autoria-container {

        /* >>> LARGURA GERAL <<< */

        width: 92% !important;
    }


    .maru-autoria-label {

        /* >>> DISTÂNCIA ATÉ OS ÍCONES <<< */

        margin-bottom: 32px !important;
    }


    .maru-autoria-label-texto {

        font-size: 9px !important;
    }


    /* =====================================================
       >>> TAMANHO DOS RISQUINHOS DO TÍTULO <<<
    ====================================================== */

    .maru-autoria-label-linha {

        width: 40px !important;

        flex: 0 0 40px !important;
    }


    /* =====================================================
       >>> ÍCONES <<<
    ====================================================== */

    .maru-autoria-icone {

        width: 40px !important;

        height: 40px !important;

        flex: 0 0 40px !important;

        margin-bottom: 17px !important;
    }


    /* =====================================================
       >>> TÍTULOS DOS CARDS <<<
    ====================================================== */

    .maru-autoria-titulo {

        font-size: 10px !important;

        margin-bottom: 12px !important;
    }


    /* =====================================================
       >>> DESCRIÇÕES <<<
    ====================================================== */

    .maru-autoria-texto {

        font-size: 9px !important;
    }
}


/* =========================================================
   =========================================================
                         TABLET
                    768PX — 1024PX
   =========================================================

   3 COLUNAS NA PRIMEIRA LINHA
   2 COLUNAS NA SEGUNDA

========================================================= */

@media
(max-width: 1024px)
and
(min-width: 768px) {

    .maru-autoria {

        padding: 42px 0 44px !important;
    }


    .maru-autoria-container {

        /* >>> MARGEM LATERAL TABLET <<< */

        width: 90% !important;
    }


    .maru-autoria-label {

        margin-bottom: 30px !important;
    }


    /* =====================================================
       GRID TABLET
    ====================================================== */

    .maru-autoria-grid {

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        row-gap: 38px !important;
    }


    /* =====================================================
       ESPAÇAMENTO DOS ITENS
    ====================================================== */

    .maru-autoria-item {

        padding:
            0
            28px
            5px !important;
    }


    /* =====================================================
       ITEM 3 TERMINA A PRIMEIRA LINHA

       RETIRA A DIVISÓRIA DELE
    ====================================================== */

    .maru-autoria-item:nth-child(3)::after {

        display: none !important;
    }


    /* =====================================================
       ÍCONES
    ====================================================== */

    .maru-autoria-icone {

        width: 38px !important;

        height: 38px !important;

        flex: 0 0 38px !important;
    }


    /* =====================================================
       TÍTULOS
    ====================================================== */

    .maru-autoria-titulo {

        font-size: 10px !important;
    }


    /* =====================================================
       DESCRIÇÕES
    ====================================================== */

    .maru-autoria-texto {

        font-size: 9px !important;
    }
}


/* =========================================================
   =========================================================
                         MOBILE
                       ATÉ 767PX
   =========================================================

   >>> 2 COLUNAS <<<

   IMPORTANTE:

   NO CELULAR NÃO TEREMOS
   NENHUMA DIVISÓRIA VERTICAL
   ENTRE OS CARDS.

========================================================= */

@media (max-width: 767px) {

    .maru-autoria {

        /* >>> ESPAÇAMENTO MOBILE <<< */

        padding: 38px 0 40px !important;
    }


    .maru-autoria-container {

        /* >>> MARGEM LATERAL <<< */

        width: 90% !important;
    }


    /* =====================================================
       LABEL
    ====================================================== */

    .maru-autoria-label {

        /* >>> DISTÂNCIA TEXTO / RISQUINHOS <<< */

        gap: 10px !important;


        /* >>> DISTÂNCIA ATÉ OS CARDS <<< */

        margin-bottom: 32px !important;
    }


    .maru-autoria-label-texto {

        font-size: 8px !important;

        letter-spacing: .7px !important;
    }


    /* =====================================================
       RISQUINHOS DO TÍTULO NO CELULAR

       ESTES CONTINUAM ATIVOS:

       ── UMA COZINHA DE AUTORIA ──

       >>> COMPRIMENTO <<<
    ====================================================== */

    .maru-autoria-label-linha {

        display: block !important;

        width: 27px !important;

        flex: 0 0 27px !important;

        height: 1px !important;
    }


    /* =====================================================
       GRID MOBILE = 2 COLUNAS
    ====================================================== */

    .maru-autoria-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;


        /* >>> DISTÂNCIA HORIZONTAL <<< */

        column-gap: 0 !important;


        /* >>> DISTÂNCIA VERTICAL <<< */

        row-gap: 40px !important;
    }


    /* =====================================================
       ITEM
    ====================================================== */

    .maru-autoria-item {

        padding:
            0
            17px
            5px !important;
    }


    /* =====================================================
       =====================================================
       CORREÇÃO DOS RISCOS LATERAIS NO CELULAR
       =====================================================

       IMPORTANTE:

       ESSA REGRA REMOVE SOMENTE AS DIVISÓRIAS
       VERTICAIS DOS CARDS.

       NÃO REMOVE OS RISQUINHOS DA LABEL.

    ====================================================== */

    .maru-autoria-item::after,
    .maru-autoria-item:not(:last-child)::after,
    .maru-autoria-item:nth-child(odd)::after,
    .maru-autoria-item:nth-child(even)::after,
    .maru-autoria-item:last-child::after {

        content: none !important;

        display: none !important;

        position: static !important;

        width: 0 !important;

        height: 0 !important;

        background: transparent !important;
    }


    /* =====================================================
       ÍCONES MOBILE
    ====================================================== */

    .maru-autoria-icone {

        /* >>> TAMANHO DO ÍCONE <<< */

        width: 36px !important;

        height: 36px !important;

        flex: 0 0 36px !important;


        /* >>> DISTÂNCIA ATÉ O TÍTULO <<< */

        margin-bottom: 14px !important;
    }


    /* =====================================================
       TÍTULOS MOBILE
    ====================================================== */

    .maru-autoria-titulo {

        font-size: 9px !important;

        line-height: 1.45 !important;

        margin-bottom: 10px !important;
    }


    /* =====================================================
       TEXTOS MOBILE
    ====================================================== */

    .maru-autoria-texto {

        font-size: 9px !important;

        line-height: 1.6 !important;
    }


    /* =====================================================
       =====================================================
       >>> AJUSTE NOVO — EXPERIÊNCIA COMPLETA <<<
       =====================================================

       SOMENTE NO CELULAR.

       COMO TEMOS 5 CARDS E O GRID POSSUI 2 COLUNAS,
       O ÚLTIMO CARD FICA SOZINHO.

       AGORA ELE:

       ✓ OCUPA AS DUAS COLUNAS
       ✓ FICA CENTRALIZADO
       ✓ NÃO ALTERA OS OUTROS 4 CARDS

    ====================================================== */

    .maru-autoria-item:last-child {

        /* >>> OCUPA AS DUAS COLUNAS <<< */
        grid-column: 1 / -1 !important;


        /* >>> CENTRALIZA O CARD NO GRID <<< */
        justify-self: center !important;


        /* =================================================
           >>> LARGURA DO ÚLTIMO CARD <<<

           50% = equivalente à largura de uma coluna

           SE QUISER MAIS LARGO:
           55%
           60%

           SE QUISER MAIS ESTREITO:
           45%
        ================================================== */

        width: 50% !important;


        /* >>> CENTRALIZA ÍCONE + TÍTULO + TEXTO <<< */
        align-items: center !important;

        text-align: center !important;


        /* >>> GARANTIA DE CENTRALIZAÇÃO <<< */
        margin-left: auto !important;

        margin-right: auto !important;
    }
}


/* =========================================================
   =========================================================
                    CELULAR PEQUENO
                       ATÉ 420PX
   =========================================================
========================================================= */

@media (max-width: 420px) {

    .maru-autoria {

        /* >>> ESPAÇAMENTO DA SEÇÃO <<< */

        padding: 34px 0 38px !important;
    }


    .maru-autoria-container {

        /* >>> LARGURA <<< */

        width: 92% !important;
    }


    /* =====================================================
       LABEL
    ====================================================== */

    .maru-autoria-label {

        gap: 8px !important;

        margin-bottom: 30px !important;
    }


    .maru-autoria-label-texto {

        font-size: 7.5px !important;

        letter-spacing: .5px !important;
    }


    /* =====================================================
       RISQUINHOS DO TÍTULO

       CONTINUAM ATIVOS NO CELULAR PEQUENO
    ====================================================== */

    .maru-autoria-label-linha {

        display: block !important;

        width: 20px !important;

        flex: 0 0 20px !important;

        height: 1px !important;
    }


    /* =====================================================
       GRID
    ====================================================== */

    .maru-autoria-grid {

        row-gap: 36px !important;
    }


    /* =====================================================
       ITEM
    ====================================================== */

    .maru-autoria-item {

        padding:
            0
            12px
            4px !important;
    }


    /* =====================================================
       GARANTIA EXTRA:

       NENHUMA DIVISÓRIA LATERAL
       NOS CARDS ATÉ 420PX.
    ====================================================== */

    .maru-autoria-item::after,
    .maru-autoria-item:not(:last-child)::after,
    .maru-autoria-item:nth-child(odd)::after,
    .maru-autoria-item:nth-child(even)::after,
    .maru-autoria-item:last-child::after {

        content: none !important;

        display: none !important;

        width: 0 !important;

        height: 0 !important;

        background: transparent !important;
    }


    /* =====================================================
       ÍCONE
    ====================================================== */

    .maru-autoria-icone {

        width: 33px !important;

        height: 33px !important;

        flex: 0 0 33px !important;

        margin-bottom: 13px !important;
    }


    /* =====================================================
       TÍTULO
    ====================================================== */

    .maru-autoria-titulo {

        font-size: 8px !important;

        line-height: 1.5 !important;

        letter-spacing: .2px !important;
    }


    /* =====================================================
       DESCRIÇÃO
    ====================================================== */

    .maru-autoria-texto {

        font-size: 8px !important;

        line-height: 1.6 !important;
    }


    /* =====================================================
       >>> EXPERIÊNCIA COMPLETA — CELULAR PEQUENO <<<

       MANTÉM O 5º CARD CENTRALIZADO.

       ALTERE SOMENTE "width" SE QUISER
       MUDAR A LARGURA DELE.
    ====================================================== */

    .maru-autoria-item:last-child {

        grid-column: 1 / -1 !important;

        justify-self: center !important;


        /* >>> LARGURA DO CARD CENTRAL <<< */
        width: 50% !important;


        align-items: center !important;

        text-align: center !important;

        margin-left: auto !important;

        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9d1947 *//* =========================================================
   =========================================================
                    PRATOS — MARÚ
   =========================================================

   DESKTOP:
   ✓ 4 PRATOS VISÍVEIS
   ✓ CARROSSEL

   TABLET:
   ✓ 2 PRATOS VISÍVEIS
   ✓ CARROSSEL

   MOBILE:
   ✓ 1 PRATO POR LINHA
   ✓ SEM CARROSSEL
   ✓ SEM SETAS
   ✓ SEM PROGRESSO

========================================================= */


/* =========================================================
   SEÇÃO
========================================================= */

.maru-pratos {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;


    /* >>> ESPAÇAMENTO GERAL DA SEÇÃO <<< */

    padding: 30px 0 38px !important;


    /* >>> COR DE FUNDO <<< */

    background: #faf8eb !important;
    background-color: #faf8eb !important;


    box-sizing: border-box !important;

    overflow: hidden !important;
}



/* =========================================================
   CONTAINER
========================================================= */

.maru-pratos-container {

    /* >>> LARGURA GERAL <<< */

    width: 94% !important;

    max-width: none !important;

    margin: 0 auto !important;

    box-sizing: border-box !important;
}



/* =========================================================
   CABEÇALHO
========================================================= */

.maru-pratos-header {

    width: 100% !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;


    /*
       >>> ESPAÇO DEPOIS DO CABEÇALHO <<<

       Como agora temos as setas abaixo,
       deixamos um espaço menor aqui.
    */

    margin: 0 0 10px !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}



/* =========================================================
   TÍTULO
========================================================= */

.maru-pratos-header-titulo {

    font-family: "Sora", sans-serif !important;

    font-size: 9px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: .8px !important;

    text-transform: uppercase !important;

    color: #5f4b40 !important;
}



/* =========================================================
   CARDÁPIO
========================================================= */

.maru-pratos-cardapio,
.maru-pratos-cardapio:link,
.maru-pratos-cardapio:visited,
.maru-pratos-cardapio:focus,
.maru-pratos-cardapio:active {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: flex-end !important;

    gap: 12px !important;


    font-family: "Sora", sans-serif !important;

    font-size: 9px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: .8px !important;

    text-transform: uppercase !important;


    color: #5f4b40 !important;

    text-decoration: none !important;

    background: transparent !important;

    outline: none !important;

    box-shadow: none !important;


    transition:
        opacity .25s ease !important;
}


.maru-pratos-cardapio:hover {

    color: #5f4b40 !important;

    background: transparent !important;

    opacity: .65 !important;

    text-decoration: none !important;
}



/* =========================================================
   SETA DO LINK DO CARDÁPIO
========================================================= */

.maru-pratos-cardapio-seta {

    display: inline-block !important;

    font-size: 14px !important;

    line-height: 1 !important;

    transition:
        transform .25s ease !important;
}


.maru-pratos-cardapio:hover
.maru-pratos-cardapio-seta {

    transform: translateX(4px) !important;
}



/* =========================================================
   =========================================================
                  CONTROLES / SETAS
   =========================================================

   IMPORTANTE:

   AS SETAS FICAM FORA DAS FOTOS,
   ACIMA DO CARROSSEL E À DIREITA.

========================================================= */

.maru-pratos-controles {

    width: 100% !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-end !important;


    /* >>> ESPAÇO ENTRE AS SETAS <<< */

    gap: 15px !important;


    /*
       >>> DISTÂNCIA ENTRE SETAS E FOTOS <<<

       Aumente 12px se quiser mais espaço.
       Diminua se quiser aproximar.
    */

    margin: 0 0 12px !important;


    padding: 0 !important;

    box-sizing: border-box !important;
}



/* =========================================================
   BOTÕES DAS SETAS
========================================================= */

.maru-pratos-nav,
.maru-pratos-nav:link,
.maru-pratos-nav:visited,
.maru-pratos-nav:focus,
.maru-pratos-nav:active {

    position: static !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    transform: none !important;


    width: auto !important;

    min-width: 0 !important;

    height: auto !important;

    min-height: 0 !important;


    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;


    margin: 0 !important;

    padding: 0 !important;


    border: 0 !important;

    border-radius: 0 !important;


    background: transparent !important;


    color: #5f4b40 !important;


    font-family: "Sora", sans-serif !important;


    /* >>> TAMANHO DAS SETAS <<< */

    font-size: 20px !important;


    font-weight: 300 !important;

    line-height: 1 !important;


    outline: none !important;

    box-shadow: none !important;


    cursor: pointer !important;


    transition:
        opacity .25s ease,
        transform .25s ease !important;
}


.maru-pratos-nav:hover {

    background: transparent !important;

    color: #5f4b40 !important;

    opacity: .55 !important;

    outline: none !important;

    box-shadow: none !important;
}



/* =========================================================
   MOVIMENTO DISCRETO
========================================================= */

.maru-pratos-prev:hover {

    transform: translateX(-2px) !important;
}


.maru-pratos-next:hover {

    transform: translateX(2px) !important;
}



/* =========================================================
   =========================================================
                      CARROSSEL
   =========================================================
========================================================= */

.maru-pratos-carousel {

    width: 100% !important;

    position: relative !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}



/* =========================================================
   FAIXA DOS PRATOS
========================================================= */

.maru-pratos-grid {

    width: 100% !important;

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: flex-start !important;


    /* >>> ESPAÇO ENTRE OS PRATOS <<< */

    gap: 8px !important;


    margin: 0 !important;

    padding: 0 !important;


    overflow-x: auto !important;

    overflow-y: hidden !important;


    scroll-behavior: smooth !important;

    scroll-snap-type: x proximity !important;

    overscroll-behavior-x: contain !important;


    scrollbar-width: none !important;

    -ms-overflow-style: none !important;


    cursor: grab !important;

    user-select: none !important;

    -webkit-user-select: none !important;


    box-sizing: border-box !important;
}


.maru-pratos-grid::-webkit-scrollbar {

    display: none !important;
}


.maru-pratos-grid.maru-arrastando {

    cursor: grabbing !important;

    scroll-behavior: auto !important;
}



/* =========================================================
   CARD

   >>> 4 PRATOS VISÍVEIS NO DESKTOP <<<

   3 espaços de 8px = 24px
========================================================= */

.maru-prato-card {

    flex:
        0
        0
        calc((100% - 24px) / 4) !important;


    width:
        calc((100% - 24px) / 4) !important;


    max-width:
        calc((100% - 24px) / 4) !important;


    min-width: 0 !important;


    margin: 0 !important;

    padding: 0 !important;


    background: transparent !important;


    box-sizing: border-box !important;


    scroll-snap-align: start !important;
}



/* =========================================================
   ÁREA DA IMAGEM
========================================================= */

.maru-prato-imagem {

    width: 100% !important;


    /*
       >>> ALTURA DA FOTO <<<

       Para aumentar:
       aumente os valores.

       Para diminuir:
       diminua os valores.
    */

    height:
        clamp(
            210px,
            19vw,
            290px
        ) !important;


    overflow: hidden !important;

    position: relative !important;


    background: #e5e0d4 !important;


    box-sizing: border-box !important;
}



/* =========================================================
   IMAGEM
========================================================= */

.maru-prato-imagem img {

    display: block !important;

    width: 100% !important;

    height: 100% !important;


    /* >>> NÃO DEFORMA A FOTO <<< */

    object-fit: cover !important;


    /* >>> POSIÇÃO DA FOTO <<< */

    object-position: center center !important;


    margin: 0 !important;

    padding: 0 !important;


    transform: scale(1) !important;


    transition:
        transform .45s ease !important;


    user-select: none !important;

    -webkit-user-drag: none !important;
}



/* =========================================================
   HOVER
========================================================= */

.maru-prato-card:hover
.maru-prato-imagem img {

    transform: scale(1.025) !important;
}



/* =========================================================
   CONTEÚDO
========================================================= */

.maru-prato-conteudo {

    width: 100% !important;


    /* >>> DISTÂNCIA FOTO / DESCRIÇÃO <<< */

    padding:
        15px
        7px
        0 !important;


    box-sizing: border-box !important;
}



/* =========================================================
   DESCRIÇÃO
========================================================= */

.maru-prato-nome {

    width: 100% !important;

    max-width: none !important;


    margin: 0 !important;

    padding: 0 !important;


    font-family: "Sora", sans-serif !important;


    /* >>> TAMANHO DA DESCRIÇÃO <<< */

    font-size: 10px !important;


    font-weight: 400 !important;


    /* >>> ENTRELINHA <<< */

    line-height: 1.55 !important;


    color: #5f4b40 !important;


    user-select: text !important;
}



/* =========================================================
   QUEBRA DOS 4 PRATOS ORIGINAIS
========================================================= */

.maru-prato-br {

    display: block !important;
}



/* =========================================================
   RISQUINHO REMOVIDO
========================================================= */

.maru-prato-risco {

    display: none !important;
}



/* =========================================================
   =========================================================
                  BARRA DE PROGRESSO
   =========================================================
========================================================= */

.maru-pratos-progresso {

    width: 100% !important;


    /* >>> DISTÂNCIA ATÉ A BARRA <<< */

    margin-top: 28px !important;


    height: 1px !important;


    position: relative !important;

    overflow: hidden !important;


    background:
        rgba(95, 75, 64, .18) !important;
}



/* =========================================================
   INDICADOR
========================================================= */

.maru-pratos-progresso-barra {

    position: absolute !important;

    top: 0 !important;

    left: 0;


    height: 1px !important;


    background: #5f4b40 !important;


    transition:
        left .08s linear !important;
}



/* =========================================================
   =========================================================
                  DESKTOP GRANDE
                      1440+
   =========================================================
========================================================= */

@media (min-width: 1440px) {


    .maru-pratos {

        padding:
            34px
            0
            42px !important;
    }


    .maru-pratos-container {

        width: 94% !important;
    }


    .maru-pratos-header-titulo {

        font-size: 9px !important;
    }


    .maru-pratos-cardapio,
    .maru-pratos-cardapio:link,
    .maru-pratos-cardapio:visited,
    .maru-pratos-cardapio:focus,
    .maru-pratos-cardapio:active {

        font-size: 9px !important;
    }


    .maru-prato-imagem {

        height:
            clamp(
                250px,
                18vw,
                330px
            ) !important;
    }


    .maru-prato-nome {

        font-size: 10px !important;

        line-height: 1.55 !important;
    }

}



/* =========================================================
   =========================================================
                         TABLET
                    768PX — 1024PX
   =========================================================
========================================================= */

@media
(max-width: 1024px)
and
(min-width: 768px) {


    .maru-pratos {

        padding:
            32px
            0
            38px !important;
    }


    .maru-pratos-container {

        width: 90% !important;
    }



    /* =====================================================
       >>> 2 PRATOS VISÍVEIS NO TABLET <<<

       1 espaço de 10px
    ====================================================== */

    .maru-pratos-grid {

        gap: 10px !important;
    }


    .maru-prato-card {

        flex:
            0
            0
            calc((100% - 10px) / 2) !important;


        width:
            calc((100% - 10px) / 2) !important;


        max-width:
            calc((100% - 10px) / 2) !important;
    }


    .maru-prato-imagem {

        height:
            clamp(
                230px,
                32vw,
                310px
            ) !important;
    }


    .maru-prato-conteudo {

        padding:
            14px
            5px
            0 !important;
    }


    .maru-prato-nome {

        width: 100% !important;

        max-width: none !important;

        font-size: 10px !important;

        line-height: 1.55 !important;
    }


    .maru-prato-br {

        display: block !important;
    }

}



/* =========================================================
   =========================================================
                         MOBILE
                       ATÉ 767PX
   =========================================================

   ✓ SEM CARROSSEL
   ✓ 1 PRATO POR LINHA
   ✓ SEM SETAS
   ✓ SEM BARRA

========================================================= */

@media (max-width: 767px) {


    .maru-pratos {

        padding:
            30px
            0
            36px !important;


        overflow: visible !important;
    }


    .maru-pratos-container {

        /* >>> MARGENS LATERAIS <<< */

        width: 90% !important;
    }



    /* =====================================================
       CABEÇALHO
    ====================================================== */

    .maru-pratos-header {

        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        justify-content: flex-start !important;


        /* >>> TÍTULO / CARDÁPIO <<< */

        gap: 13px !important;


        /* >>> ATÉ PRIMEIRA FOTO <<< */

        margin-bottom: 20px !important;
    }


    .maru-pratos-header-titulo {

        font-size: 8.5px !important;

        line-height: 1.45 !important;
    }


    .maru-pratos-cardapio,
    .maru-pratos-cardapio:link,
    .maru-pratos-cardapio:visited,
    .maru-pratos-cardapio:focus,
    .maru-pratos-cardapio:active {

        font-size: 8.5px !important;
    }



    /* =====================================================
       ESCONDE CONTROLES
    ====================================================== */

    .maru-pratos-controles {

        display: none !important;
    }


    .maru-pratos-nav {

        display: none !important;
    }



    /* =====================================================
       REMOVE CARROSSEL
    ====================================================== */

    .maru-pratos-carousel {

        width: 100% !important;

        overflow: visible !important;
    }



    /* =====================================================
       VOLTA PARA GRID VERTICAL
    ====================================================== */

    .maru-pratos-grid {

        width: 100% !important;


        display: grid !important;


        /* >>> 1 PRATO POR LINHA <<< */

        grid-template-columns:
            1fr !important;


        /* >>> ESPAÇO ENTRE OS PRATOS <<< */

        gap: 28px !important;


        overflow: visible !important;


        scroll-snap-type: none !important;

        scroll-behavior: auto !important;


        cursor: default !important;


        user-select: auto !important;

        -webkit-user-select: auto !important;
    }



    /* =====================================================
       CARD
    ====================================================== */

    .maru-prato-card {

        width: 100% !important;

        max-width: none !important;

        min-width: 0 !important;


        flex: none !important;


        scroll-snap-align: none !important;
    }



    /* =====================================================
       IMAGEM MOBILE
    ====================================================== */

    .maru-prato-imagem {

        height:
            clamp(
                240px,
                68vw,
                360px
            ) !important;
    }



    /* =====================================================
       CONTEÚDO
    ====================================================== */

    .maru-prato-conteudo {

        padding:
            13px
            2px
            0 !important;
    }



    /* =====================================================
       TEXTO
    ====================================================== */

    .maru-prato-nome {

        width: 100% !important;

        max-width: 360px !important;


        font-size: 10px !important;

        line-height: 1.6 !important;
    }



    /* =====================================================
       REMOVE QUEBRA FORÇADA NO CELULAR
    ====================================================== */

    .maru-prato-br {

        display: inline !important;
    }



    /* =====================================================
       ESCONDE PROGRESSO
    ====================================================== */

    .maru-pratos-progresso {

        display: none !important;
    }



    /* =====================================================
       SEM ZOOM NO TOUCH
    ====================================================== */

    .maru-prato-card:hover
    .maru-prato-imagem img {

        transform: scale(1) !important;
    }

}



/* =========================================================
   =========================================================
                    MOBILE PEQUENO
                       ATÉ 420PX
   =========================================================
========================================================= */

@media (max-width: 420px) {


    .maru-pratos {

        padding:
            27px
            0
            34px !important;
    }


    .maru-pratos-container {

        width: 89% !important;
    }


    .maru-pratos-header-titulo {

        font-size: 8px !important;

        letter-spacing: .5px !important;
    }


    .maru-pratos-cardapio,
    .maru-pratos-cardapio:link,
    .maru-pratos-cardapio:visited,
    .maru-pratos-cardapio:focus,
    .maru-pratos-cardapio:active {

        font-size: 8px !important;

        letter-spacing: .5px !important;
    }


    /* >>> ALTURA DA FOTO <<< */

    .maru-prato-imagem {

        height: 255px !important;
    }


    /* >>> TEXTO <<< */

    .maru-prato-nome {

        font-size: 9.5px !important;

        line-height: 1.6 !important;
    }


    .maru-prato-br {

        display: inline !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ed5d15 *//* =========================================================
   =========================================================
                  VIVA A EXPERIÊNCIA — MARÚ
   =========================================================

   VERSÃO ATUAL:

   ✓ FUNDO TOTALMENTE TRANSPARENTE
   ✓ SEM BACKGROUND IMAGE
   ✓ SEM GRADIENTE
   ✓ SEM OVERLAY
   ✓ MEKONA = TÍTULO
   ✓ SORA = TEXTOS
   ✓ RESPONSIVO

========================================================= */


/* =========================================================
   SEÇÃO PRINCIPAL
========================================================= */

.maru-mesa {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;


    /* =====================================================
       >>> ESPAÇAMENTO VERTICAL DA SEÇÃO <<<

       55px = topo
       55px = baixo

       PARA DEIXAR MAIS ALTA:
       70px 0

       PARA DEIXAR MAIS BAIXA:
       40px 0
    ====================================================== */

    padding: 55px 0 !important;


    /* =====================================================
       >>> FUNDO 100% TRANSPARENTE <<<

       NÃO TEM:
       - imagem
       - cor
       - gradiente
       - overlay

       Assim você controla tudo pelo Elementor.
    ====================================================== */

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* =========================================================
   GARANTIA:
   NÃO CRIA OVERLAY PELO CSS
========================================================= */

.maru-mesa::before,
.maru-mesa::after {

    content: none !important;

    display: none !important;

    background: none !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.maru-mesa-container {

    /* =====================================================
       >>> LARGURA GERAL <<<

       88% = ATUAL

       84% = conteúdo mais para dentro
       92% = conteúdo mais próximo da lateral
    ====================================================== */

    width: 88% !important;

    max-width: none !important;

    margin: 0 auto !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   BLOCO DE CONTEÚDO
========================================================= */

.maru-mesa-conteudo {

    /* =====================================================
       >>> LARGURA DO BLOCO DE TEXTO <<<

       420px = ATUAL

       380px = mais compacto
       480px = mais largo
    ====================================================== */

    width: 100% !important;

    max-width: 420px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    text-align: left !important;

    box-sizing: border-box !important;
}


/* =========================================================
   =========================================================
                         LABEL
   =========================================================

              VIVA A EXPERIÊNCIA ───

========================================================= */

.maru-mesa-label {

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;


    /* =====================================================
       >>> DISTÂNCIA TEXTO / RISQUINHO <<<
    ====================================================== */

    gap: 14px !important;


    /* =====================================================
       >>> DISTÂNCIA ATÉ O TÍTULO <<<
    ====================================================== */

    margin: 0 0 17px !important;

    padding: 0 !important;
}


/* =========================================================
   TEXTO DA LABEL
========================================================= */

.maru-mesa-label-texto {

    font-family: "Sora", sans-serif !important;


    /* >>> TAMANHO <<< */

    font-size: 9px !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;


    /* >>> ESPAÇAMENTO DAS LETRAS <<< */

    letter-spacing: .8px !important;

    text-transform: uppercase !important;


    /* =====================================================
       >>> COR DA LABEL <<<

       ATUAL = #5f4b40
    ====================================================== */

    color: #5f4b40 !important;

    white-space: nowrap !important;
}


/* =========================================================
   RISQUINHO DA LABEL

   >>> ATIVAR / DESATIVAR <<<

   block = ATIVADO
   none  = DESATIVADO

========================================================= */

.maru-mesa-label-linha {

    display: block !important;


    /* >>> COMPRIMENTO <<< */

    width: 40px !important;

    flex: 0 0 40px !important;


    /* >>> ESPESSURA <<< */

    height: 1px !important;


    /* >>> COR <<< */

    background: rgba(82, 94, 58, .45) !important;
}


/* =========================================================
   =========================================================
                         TÍTULO
   =========================================================

                    DA COZINHA
                    À MESA.

========================================================= */

.maru-mesa-titulo {

    margin: 0 0 15px !important;

    padding: 0 !important;


    /* >>> FONTE DO TÍTULO <<< */

    font-family: "MEKONA", serif !important;


    /* =====================================================
       >>> TAMANHO DO TÍTULO <<<

       42px = menor
       48px = médio
       54px = maior
    ====================================================== */

    font-size: clamp(
        42px,
        3.3vw,
        54px
    ) !important;

    font-weight: 400 !important;


    /* =====================================================
       >>> DISTÂNCIA ENTRE AS 2 LINHAS <<<
    ====================================================== */

    line-height: .98 !important;

    letter-spacing: 0 !important;


    /* =====================================================
       >>> COR DO TÍTULO <<<

       VERDE MARÚ
    ====================================================== */

    color: #525e3a !important;
}


/* =========================================================
   =========================================================
                       DESCRIÇÃO
   =========================================================
========================================================= */

.maru-mesa-descricao {

    margin: 0 0 24px !important;

    padding: 0 !important;

    font-family: "Sora", sans-serif !important;


    /* >>> TAMANHO <<< */

    font-size: 11px !important;

    font-weight: 400 !important;


    /* >>> ALTURA DAS LINHAS <<< */

    line-height: 1.65 !important;


    /* >>> COR <<< */

    color: #5f4b40 !important;
}


/* =========================================================
   =========================================================
                    BOTÃO RESERVAR
   =========================================================
========================================================= */

.maru-mesa-botao,
.maru-mesa-botao:visited,
.maru-mesa-botao:focus,
.maru-mesa-botao:active {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;


    /* >>> DISTÂNCIA TEXTO / SETA <<< */

    gap: 14px !important;


    /* =====================================================
       >>> TAMANHO DO BOTÃO <<<

       min-width = largura
       height    = altura
    ====================================================== */

    min-width: 150px !important;

    height: 42px !important;

    padding: 0 18px !important;


    /* =====================================================
       >>> FUNDO DO BOTÃO <<<

       O BOTÃO TAMBÉM FICA TRANSPARENTE,
       COMO NA REFERÊNCIA.
    ====================================================== */

    background: transparent !important;
    background-color: transparent !important;


    /* >>> BORDA <<< */

    border: 1px solid rgba(95, 75, 64, .55) !important;

    border-radius: 0 !important;


    /* >>> TEXTO <<< */

    font-family: "Sora", sans-serif !important;

    font-size: 9px !important;

    font-weight: 500 !important;

    line-height: 1 !important;

    letter-spacing: .5px !important;

    text-transform: uppercase !important;

    color: #5f4b40 !important;


    /* =====================================================
       REMOVE EFEITOS DO ELEMENTOR
    ====================================================== */

    text-decoration: none !important;

    outline: none !important;

    box-shadow: none !important;

    box-sizing: border-box !important;

    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}


/* =========================================================
   HOVER DO BOTÃO
========================================================= */

.maru-mesa-botao:hover {

    /* >>> COR DO HOVER <<< */

    background: #5f4b40 !important;
    background-color: #5f4b40 !important;

    border-color: #5f4b40 !important;

    color: #faf8eb !important;

    text-decoration: none !important;

    outline: none !important;

    box-shadow: none !important;
}


/* =========================================================
   SETA
========================================================= */

.maru-mesa-botao-seta {

    display: inline-block !important;

    font-size: 13px !important;

    line-height: 1 !important;

    transition: transform .25s ease !important;
}


/* =========================================================
   MOVIMENTO DA SETA NO HOVER
========================================================= */

.maru-mesa-botao:hover
.maru-mesa-botao-seta {

    transform: translateX(3px) !important;
}


/* =========================================================
   =========================================================
                    DESKTOP GRANDE
                       1440PX+
   =========================================================
========================================================= */

@media (min-width: 1440px) {

    .maru-mesa {

        /* >>> ALTURA DA SEÇÃO <<< */

        padding: 62px 0 !important;
    }


    .maru-mesa-container {

        width: 88% !important;
    }


    .maru-mesa-conteudo {

        max-width: 440px !important;
    }


    .maru-mesa-label-texto {

        font-size: 9px !important;
    }


    .maru-mesa-label-linha {

        width: 40px !important;

        flex: 0 0 40px !important;
    }


    .maru-mesa-titulo {

        /* >>> TÍTULO EM TELAS GRANDES <<< */

        font-size: 56px !important;
    }


    .maru-mesa-descricao {

        font-size: 11px !important;
    }
}


/* =========================================================
   =========================================================
                         TABLET
                    768PX — 1024PX
   =========================================================
========================================================= */

@media
(max-width: 1024px)
and
(min-width: 768px) {

    .maru-mesa {

        /* >>> ESPAÇAMENTO TABLET <<< */

        padding: 50px 0 !important;
    }


    .maru-mesa-container {

        /* >>> LARGURA TABLET <<< */

        width: 90% !important;
    }


    .maru-mesa-conteudo {

        max-width: 400px !important;
    }


    .maru-mesa-label {

        gap: 12px !important;

        margin-bottom: 16px !important;
    }


    .maru-mesa-label-linha {

        width: 36px !important;

        flex: 0 0 36px !important;
    }


    .maru-mesa-titulo {

        font-size: 46px !important;
    }


    .maru-mesa-descricao {

        font-size: 11px !important;

        margin-bottom: 22px !important;
    }
}


/* =========================================================
   =========================================================
                         MOBILE
                       ATÉ 767PX
   =========================================================
========================================================= */

@media (max-width: 767px) {

    .maru-mesa {

        /* =================================================
           >>> ESPAÇAMENTO VERTICAL MOBILE <<<
        ================================================= */

        padding: 42px 0 !important;
    }


    .maru-mesa-container {

        /* >>> MARGEM LATERAL MOBILE <<< */

        width: 90% !important;
    }


    .maru-mesa-conteudo {

        width: 100% !important;

        max-width: 100% !important;
    }


    /* =====================================================
       LABEL MOBILE
    ====================================================== */

    .maru-mesa-label {

        gap: 10px !important;

        margin-bottom: 15px !important;
    }


    .maru-mesa-label-texto {

        font-size: 8.5px !important;

        letter-spacing: .6px !important;
    }


    .maru-mesa-label-linha {

        width: 32px !important;

        flex: 0 0 32px !important;
    }


    /* =====================================================
       TÍTULO MOBILE
    ====================================================== */

    .maru-mesa-titulo {

        font-size: 40px !important;

        line-height: .98 !important;

        margin-bottom: 15px !important;
    }


    /* =====================================================
       DESCRIÇÃO MOBILE
    ====================================================== */

    .maru-mesa-descricao {

        font-size: 11px !important;

        line-height: 1.65 !important;

        margin-bottom: 23px !important;
    }


    /* =====================================================
       BOTÃO MOBILE
    ====================================================== */

    .maru-mesa-botao,
    .maru-mesa-botao:visited,
    .maru-mesa-botao:focus,
    .maru-mesa-botao:active {

        min-width: 155px !important;

        height: 43px !important;

        font-size: 8.5px !important;
    }
}


/* =========================================================
   =========================================================
                    CELULAR PEQUENO
                       ATÉ 420PX
   =========================================================
========================================================= */

@media (max-width: 420px) {

    .maru-mesa {

        /* >>> ESPAÇAMENTO <<< */

        padding: 36px 0 !important;
    }


    .maru-mesa-container {

        width: 89% !important;
    }


    /* =====================================================
       LABEL
    ====================================================== */

    .maru-mesa-label {

        gap: 9px !important;
    }


    .maru-mesa-label-texto {

        font-size: 8px !important;

        letter-spacing: .5px !important;
    }


    .maru-mesa-label-linha {

        width: 28px !important;

        flex: 0 0 28px !important;
    }


    /* =====================================================
       TÍTULO
    ====================================================== */

    .maru-mesa-titulo {

        /* >>> TAMANHO NO CELULAR PEQUENO <<< */

        font-size: 36px !important;

        line-height: .98 !important;
    }


    /* =====================================================
       DESCRIÇÃO
    ====================================================== */

    .maru-mesa-descricao {

        font-size: 10.5px !important;
    }


    /* =====================================================
       BOTÃO
    ====================================================== */

    .maru-mesa-botao,
    .maru-mesa-botao:visited,
    .maru-mesa-botao:focus,
    .maru-mesa-botao:active {

        min-width: 150px !important;

        height: 42px !important;

        padding: 0 17px !important;

        font-size: 8px !important;
    }
}/* End custom CSS */