.elementor-825 .elementor-element.elementor-element-655ae2c7{--display:flex;--min-height:156px;--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:-23px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:51px;--padding-left:0px;--padding-right:0px;}.elementor-825 .elementor-element.elementor-element-655ae2c7:not(.elementor-motion-effects-element-type-background), .elementor-825 .elementor-element.elementor-element-655ae2c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5F4B40;}.elementor-825 .elementor-element.elementor-element-3c4567b{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-825 .elementor-element.elementor-element-3c4567b:not(.elementor-motion-effects-element-type-background), .elementor-825 .elementor-element.elementor-element-3c4567b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/vivamaru02desk-scaled.webp");background-position:-106px -219px;background-repeat:no-repeat;background-size:cover;}.elementor-825 .elementor-element.elementor-element-89cf314{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-825 .elementor-element.elementor-element-89cf314:not(.elementor-motion-effects-element-type-background), .elementor-825 .elementor-element.elementor-element-89cf314 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;}.elementor-825 .elementor-element.elementor-element-bf12b9e{--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-825 .elementor-element.elementor-element-0897b67{--display:flex;--min-height:0px;--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;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-825 .elementor-element.elementor-element-af38e1a{--display:flex;}.elementor-825 .elementor-element.elementor-element-060d69b{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-825 .elementor-element.elementor-element-e686d6d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-825 .elementor-element.elementor-element-e686d6d .elementor-heading-title{font-family:"MEKONA", Sans-serif;font-size:33px;font-weight:500;color:#5F4B40;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-825 .elementor-element.elementor-element-0f11832{font-family:"Sora", Sans-serif;font-size:14px;font-weight:400;color:#292929;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-button span{gap:20px;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:16px;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-16px;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-825 .elementor-element.elementor-element-5f81314 .elementor-labels-inline .elementor-field-group > label{padding-left:9px;}body:not(.rtl) .elementor-825 .elementor-element.elementor-element-5f81314 .elementor-labels-inline .elementor-field-group > label{padding-right:9px;}body .elementor-825 .elementor-element.elementor-element-5f81314 .elementor-labels-above .elementor-field-group > label{padding-bottom:9px;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-group > label, .elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-subgroup label{color:#5F4B40;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-group > label{font-family:"Sora", Sans-serif;font-size:13px;font-weight:400;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-type-html{padding-bottom:0px;color:#5F4B40;font-family:"Sora", Sans-serif;font-weight:400;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-group .elementor-field{color:#525E3A;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-group .elementor-field, .elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-subgroup label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FAF8EB;border-color:#A4A4A4;border-radius:0px 0px 0px 0px;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-group .elementor-select-wrapper select{background-color:#FAF8EB;border-color:#A4A4A4;border-radius:0px 0px 0px 0px;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-field-group .elementor-select-wrapper::before{color:#A4A4A4;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-button{font-family:"Sora", Sans-serif;font-size:10px;font-weight:400;}.elementor-825 .elementor-element.elementor-element-5f81314 .e-form__buttons__wrapper__button-next{background-color:#525E3A;color:#ffffff;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-button[type="submit"]{background-color:#525E3A;color:#ffffff;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-825 .elementor-element.elementor-element-5f81314 .e-form__buttons__wrapper__button-previous{background-color:#4C5E29;color:#ffffff;}.elementor-825 .elementor-element.elementor-element-5f81314 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-825 .elementor-element.elementor-element-5f81314 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-825 .elementor-element.elementor-element-5f81314 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-825 .elementor-element.elementor-element-5f81314{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-825 .elementor-element.elementor-element-05e7b38 .elementor-button{background-color:#61CE7000;font-family:"Sora", Sans-serif;font-size:10px;font-weight:500;fill:#525E3A;color:#525E3A;border-style:none;border-radius:5px 5px 5px 5px;}.elementor-825 .elementor-element.elementor-element-05e7b38.elementor-element{--align-self:center;}.elementor-825 .elementor-element.elementor-element-05e7b38 .elementor-button-content-wrapper{flex-direction:row;}.elementor-825 .elementor-element.elementor-element-05e7b38 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-825 .elementor-element.elementor-element-ef51257{--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-825 .elementor-element.elementor-element-ef51257:not(.elementor-motion-effects-element-type-background), .elementor-825 .elementor-element.elementor-element-ef51257 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/celebremaru-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(min-width:768px){.elementor-825 .elementor-element.elementor-element-3c4567b{--content-width:1600px;}.elementor-825 .elementor-element.elementor-element-89cf314{--content-width:1600px;}.elementor-825 .elementor-element.elementor-element-bf12b9e{--width:50%;}.elementor-825 .elementor-element.elementor-element-0897b67{--width:100%;}.elementor-825 .elementor-element.elementor-element-af38e1a{--width:99%;}.elementor-825 .elementor-element.elementor-element-060d69b{--width:100%;}.elementor-825 .elementor-element.elementor-element-ef51257{--content-width:1600px;}}@media(max-width:1024px){.elementor-825 .elementor-element.elementor-element-3c4567b:not(.elementor-motion-effects-element-type-background), .elementor-825 .elementor-element.elementor-element-3c4567b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/begecel01.webp");background-position:0px 0px;}}@media(max-width:767px){.elementor-825 .elementor-element.elementor-element-3c4567b:not(.elementor-motion-effects-element-type-background), .elementor-825 .elementor-element.elementor-element-3c4567b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/begecel01.webp");background-position:0px 0px;}.elementor-825 .elementor-element.elementor-element-0897b67{--padding-top:17px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-825 .elementor-element.elementor-element-060d69b{--margin-top:-26px;--margin-bottom:0px;--margin-left:-13px;--margin-right:0px;}.elementor-825 .elementor-element.elementor-element-e686d6d .elementor-heading-title{font-size:21px;}.elementor-825 .elementor-element.elementor-element-ef51257:not(.elementor-motion-effects-element-type-background), .elementor-825 .elementor-element.elementor-element-ef51257 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/celebremarucel01-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}}@media(min-width:2400px){.elementor-825 .elementor-element.elementor-element-3c4567b:not(.elementor-motion-effects-element-type-background), .elementor-825 .elementor-element.elementor-element-3c4567b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/vivamaru02deskwind-scaled.webp");}}/* Start custom CSS for html, class: .elementor-element-c4fc53c *//* ============================================================
   ============================================================
                       MARÚ GASTROBAR
                           RESERVAS
   ============================================================
   ============================================================

   FUNDO:
   100% TRANSPARENTE.

   O FUNDO CONTINUA SENDO CONTROLADO PELO ELEMENTOR.

   LARGURAS:

   HERO:
   72% desktop
   86% tablet
   100% dentro do padding no mobile

   INFORMAÇÕES:
   94% desktop
   90% tablet
   90% mobile
   89% celular pequeno

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


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

.maru-reservas-hero {

    position: relative !important;

    width: 100% !important;

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

    overflow: hidden !important;

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


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

       70px = topo
       72px = inferior
    ====================================================== */

    padding: 70px 0 72px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}



/* ============================================================
   ============================================================
                         HERO
   ============================================================
============================================================ */


/* ============================================================
   CONTAINER PRINCIPAL DO HERO
============================================================ */

.maru-reservas-container {

    position: relative !important;

    z-index: 3 !important;


    /* =====================================================
       >>> LARGURA DO HERO <<<

       ATUAL: 72%

       NÃO ALTERA A LARGURA DA ÁREA DE INFORMAÇÕES.
    ====================================================== */

    width: 72% !important;

    margin: 0 auto !important;


    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;


    /* >>> ESPAÇO ENTRE TEXTO E SÍMBOLO <<< */

    gap: 60px !important;


    box-sizing: border-box !important;

    background: transparent !important;
}



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

.maru-reservas-conteudo {

    position: relative !important;

    z-index: 5 !important;

    width: 58% !important;

    max-width: 680px !important;

    background: transparent !important;
}



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

.maru-reservas-label {

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;


    /* >>> DISTÂNCIA ENTRE LABEL E TÍTULO <<< */

    margin: 0 0 15px !important;

    background: transparent !important;
}



.maru-reservas-label-texto {

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

    font-size: 10px !important;

    font-weight: 500 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;

    white-space: nowrap !important;

    background: transparent !important;
}



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

.maru-reservas-label-linha {

    display: block !important;


    /* >>> COMPRIMENTO <<< */

    width: 38px !important;


    /* >>> ESPESSURA <<< */

    height: 1px !important;


    /* >>> COR <<< */

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

    flex-shrink: 0 !important;
}



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

.maru-reservas-titulo {

    margin: 0 !important;

    padding: 0 !important;

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


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

       AUMENTAR:
       aumente o último valor 64px.

       DIMINUIR:
       reduza 64px.
    ====================================================== */

    font-size: clamp(48px, 4vw, 64px) !important;

    font-weight: 400 !important;

    line-height: .96 !important;

    letter-spacing: -.015em !important;

    color: #525e3a !important;

    background: transparent !important;
}



/* ============================================================
   TEXTO DO HERO
============================================================ */

.maru-reservas-texto {

    /* >>> DISTÂNCIA DO TÍTULO <<< */

    margin: 20px 0 0 !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;

    background: transparent !important;
}



/* ============================================================
   QUEBRA DO TEXTO
============================================================ */

.desktop-br {

    display: block !important;
}



/* ============================================================
   SOMBRA / FOLHAGEM
============================================================ */

.maru-reservas-sombra {

    position: absolute !important;

    z-index: 1 !important;


    /* >>> MAIS NEGATIVO = MAIS PARA FORA <<< */

    left: -65px !important;


    /* >>> POSIÇÃO VERTICAL <<< */

    top: -35px !important;


    /* >>> TAMANHO <<< */

    width: 245px !important;

    height: auto !important;


    /* >>> INTENSIDADE <<< */

    opacity: .13 !important;


    /* >>> DESFOQUE <<< */

    filter: blur(3px) !important;

    pointer-events: none !important;

    user-select: none !important;

    background: transparent !important;
}



/* ============================================================
   SÍMBOLO
============================================================ */

.maru-reservas-simbolo {

    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;


    /* >>> LARGURA DO SÍMBOLO <<< */

    width: 270px !important;


    /* >>> ALTURA <<< */

    height: 155px !important;

    flex: 0 0 270px !important;


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

    margin-right: 10px !important;


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



.maru-reservas-simbolo-img {

    /* >>> TAMANHO DA IMAGEM <<< */

    width: 100% !important;

    height: auto !important;

    max-height: 155px !important;

    object-fit: contain !important;

    display: block !important;

    background: transparent !important;
}



/* ============================================================
   ============================================================
                  INFORMAÇÕES DE RESERVA
   ============================================================

   IMPORTANTE:

   ESTA É A PARTE CORRIGIDA.

   NÃO USA OS 72% DO HERO.

   DESKTOP:
   94% DA LARGURA

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

.maru-reservas-informacoes {

    position: relative !important;

    z-index: 3 !important;


    /* =====================================================
       >>> LARGURA NORMAL DO SITE <<<

       ATUAL: 94%

       MAIS FECHADO:
       92%

       MAIS ABERTO:
       96%
    ====================================================== */

    width: 94% !important;

    max-width: none !important;


    /* =====================================================
       >>> DISTÂNCIA DO HERO <<<

       65px = atual
    ====================================================== */

    margin: 65px auto 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    background: transparent !important;
}



/* ============================================================
   LABEL DAS INFORMAÇÕES
============================================================ */

.maru-reservas-info-label {

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;


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

    margin: 0 0 22px !important;
}



.maru-reservas-info-label-texto {

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

    font-size: 9px !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;
}



.maru-reservas-info-label-linha {

    display: block !important;

    width: 38px !important;

    height: 1px !important;

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

    flex-shrink: 0 !important;
}



/* ============================================================
   GRID DE INFORMAÇÕES
============================================================ */

.maru-reservas-info-grid {

    width: 100% !important;

    display: grid !important;


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

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


    gap: 0 !important;


    /* =====================================================
       LINHAS SUPERIOR E INFERIOR
    ====================================================== */

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

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


    box-sizing: border-box !important;
}



/* ============================================================
   CADA INFORMAÇÃO
============================================================ */

.maru-reservas-info-item {

    position: relative !important;


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

       28px = cima/baixo
       24px = lados
    ====================================================== */

    padding: 28px 24px !important;

    min-height: 145px !important;


    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: flex-start !important;


    background: transparent !important;

    box-sizing: border-box !important;
}



/* ============================================================
   DIVISÓRIAS ENTRE COLUNAS
============================================================ */

.maru-reservas-info-item:not(:last-child) {

    border-right:
        1px solid
        rgba(95, 75, 64, .18) !important;
}



/* ============================================================
   LABEL PEQUENA DO ITEM
============================================================ */

.maru-reservas-info-titulo {

    display: block !important;

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


    /* >>> TAMANHO <<< */

    font-size: 8px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;

    margin: 0 0 14px !important;

    padding: 0 !important;
}



/* ============================================================
   TEXTO PRINCIPAL DO ITEM
============================================================ */

.maru-reservas-info-destaque {

    margin: 0 !important;

    padding: 0 !important;

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


    /* >>> TAMANHO <<< */

    font-size: 13px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    color: #5f4b40 !important;
}



/* ============================================================
   TEXTO SECUNDÁRIO
============================================================ */

.maru-reservas-info-descricao {

    margin: 7px 0 0 !important;

    padding: 0 !important;

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


    /* >>> TAMANHO <<< */

    font-size: 10px !important;

    font-weight: 400 !important;

    line-height: 1.55 !important;

    color: #5f4b40 !important;

    opacity: .88 !important;
}



/* ============================================================
   ============================================================
                    PROGRAMAÇÃO MUSICAL
   ============================================================
============================================================ */

.maru-reservas-programacao {

    width: 100% !important;

    display: flex !important;

    align-items: flex-end !important;

    justify-content: space-between !important;

    gap: 40px !important;


    /* >>> DISTÂNCIA DOS BLOCOS <<< */

    margin: 30px 0 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}



/* ============================================================
   TEXTO PROGRAMAÇÃO
============================================================ */

.maru-reservas-programacao-texto {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 6px !important;
}



.maru-reservas-programacao-label {

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

    font-size: 8px !important;

    font-weight: 600 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;
}



.maru-reservas-programacao-texto p {

    margin: 0 !important;

    padding: 0 !important;

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

    font-size: 11px !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

    color: #5f4b40 !important;
}



/* ============================================================
   BOTÃO / LINK PROGRAMAÇÃO
============================================================ */

.maru-reservas-programacao-link,
.maru-reservas-programacao-link:link,
.maru-reservas-programacao-link:visited,
.maru-reservas-programacao-link:hover,
.maru-reservas-programacao-link:focus,
.maru-reservas-programacao-link:active {

    display: inline-flex !important;

    align-items: center !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: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;

    text-decoration: none !important;

    background: transparent !important;

    outline: none !important;

    box-shadow: none !important;
}



.maru-reservas-programacao-link {

    transition: opacity .25s ease !important;
}



.maru-reservas-programacao-link:hover {

    opacity: .60 !important;
}



.maru-reservas-programacao-seta {

    display: inline-block !important;

    font-size: 15px !important;

    line-height: 1 !important;

    transition: transform .25s ease !important;
}



.maru-reservas-programacao-link:hover
.maru-reservas-programacao-seta {

    transform: translateX(4px) !important;
}



/* ============================================================
   PROTEÇÃO CONTRA CORES DO ELEMENTOR
============================================================ */

.maru-reservas-hero a,
.maru-reservas-hero a:link,
.maru-reservas-hero a:visited,
.maru-reservas-hero a:hover,
.maru-reservas-hero a:focus,
.maru-reservas-hero a:active {

    color: inherit !important;

    background: transparent !important;

    text-decoration: none !important;

    outline: none !important;

    box-shadow: none !important;
}



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

@media (min-width: 1440px) {


    .maru-reservas-hero {

        padding: 78px 0 80px !important;
    }


    /* >>> HERO CONTINUA COM 72% <<< */

    .maru-reservas-container {

        width: 72% !important;
    }


    .maru-reservas-titulo {

        font-size: 64px !important;
    }


    .maru-reservas-simbolo {

        width: 280px !important;

        flex-basis: 280px !important;
    }


    .maru-reservas-simbolo-img {

        max-height: 155px !important;
    }


    /* =====================================================
       >>> INFORMAÇÕES NA LARGURA NORMAL <<<
    ====================================================== */

    .maru-reservas-informacoes {

        width: 94% !important;

        margin-top: 70px !important;
    }

}



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

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


    .maru-reservas-hero {

        padding: 60px 0 !important;
    }


    .maru-reservas-container {

        width: 86% !important;

        gap: 30px !important;
    }


    .maru-reservas-conteudo {

        width: 60% !important;
    }


    .maru-reservas-titulo {

        font-size: 46px !important;
    }


    .maru-reservas-simbolo {

        width: 210px !important;

        height: 135px !important;

        flex-basis: 210px !important;
    }


    .maru-reservas-simbolo-img {

        max-height: 135px !important;
    }


    .desktop-br {

        display: none !important;
    }


    /* =====================================================
       >>> LARGURA NORMAL TABLET <<<
    ====================================================== */

    .maru-reservas-informacoes {

        width: 90% !important;

        margin-top: 55px !important;
    }


    /* =====================================================
       >>> 2 COLUNAS NO TABLET <<<
    ====================================================== */

    .maru-reservas-info-grid {

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


    .maru-reservas-info-item {

        min-height: 130px !important;

        border-right: 0 !important;

        border-bottom:
            1px solid
            rgba(95, 75, 64, .18) !important;
    }


    .maru-reservas-info-item:nth-child(odd) {

        border-right:
            1px solid
            rgba(95, 75, 64, .18) !important;
    }


    .maru-reservas-info-item:last-child {

        border-bottom: 0 !important;
    }

}



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

@media (max-width: 767px) {


    .maru-reservas-hero {

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

           50px = topo
           24px = lados
           48px = inferior
        ====================================================== */

        padding: 50px 24px 48px !important;
    }


    /* =====================================================
       HERO
    ====================================================== */

    .maru-reservas-container {

        width: 100% !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 38px !important;
    }


    .maru-reservas-conteudo {

        width: 100% !important;

        max-width: none !important;
    }



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

    .maru-reservas-label {

        margin-bottom: 14px !important;
    }


    .maru-reservas-label-texto {

        font-size: 9px !important;
    }


    .maru-reservas-label-linha {

        width: 28px !important;
    }



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

       VIVA O MARÚ
       DO SEU JEITO.
    ====================================================== */

    .maru-reservas-titulo {

        font-size:
            clamp(38px, 11vw, 48px) !important;

        line-height: .98 !important;
    }



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

    .maru-reservas-texto {

        margin-top: 18px !important;

        font-size: 12px !important;

        line-height: 1.7 !important;

        max-width: 94% !important;
    }


    .desktop-br {

        display: none !important;
    }



    /* =====================================================
       SÍMBOLO MOBILE
    ====================================================== */

    .maru-reservas-simbolo {

        width: 200px !important;

        height: auto !important;

        flex: none !important;

        align-self: center !important;

        margin-left: auto !important;
        margin-right: auto !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        background: transparent !important;
    }


    .maru-reservas-simbolo-img {

        width: 100% !important;

        max-height: 125px !important;

        object-fit: contain !important;

        display: block !important;

        margin: 0 auto !important;
    }



    /* =====================================================
       SOMBRA MOBILE
    ====================================================== */

    .maru-reservas-sombra {

        left: -80px !important;

        top: -20px !important;

        width: 210px !important;

        opacity: .09 !important;
    }



    /* =====================================================
       >>> INFORMAÇÕES — LARGURA NORMAL MOBILE <<<

       Como o próprio .maru-reservas-hero já possui
       24px de padding lateral, usamos 100% aqui para
       não criar uma margem dupla.
    ====================================================== */

    .maru-reservas-informacoes {

        width: 100% !important;

        max-width: none !important;

        margin: 48px auto 0 !important;
    }


    .maru-reservas-info-label {

        margin-bottom: 18px !important;
    }


    .maru-reservas-info-label-texto {

        font-size: 8.5px !important;
    }


    .maru-reservas-info-label-linha {

        width: 28px !important;
    }



    /* =====================================================
       >>> 1 ITEM POR LINHA <<<
    ====================================================== */

    .maru-reservas-info-grid {

        grid-template-columns: 1fr !important;
    }


    .maru-reservas-info-item {

        min-height: 0 !important;

        padding: 22px 2px !important;

        border-right: 0 !important;

        border-bottom:
            1px solid
            rgba(95, 75, 64, .16) !important;
    }


    .maru-reservas-info-item:last-child {

        border-bottom: 0 !important;
    }


    .maru-reservas-info-titulo {

        font-size: 8px !important;

        margin-bottom: 10px !important;
    }


    .maru-reservas-info-destaque {

        font-size: 13px !important;
    }


    .maru-reservas-info-descricao {

        font-size: 10px !important;
    }



    /* =====================================================
       PROGRAMAÇÃO MOBILE
    ====================================================== */

    .maru-reservas-programacao {

        flex-direction: column !important;

        align-items: flex-start !important;

        justify-content: flex-start !important;

        gap: 18px !important;

        margin-top: 26px !important;
    }


    .maru-reservas-programacao-link,
    .maru-reservas-programacao-link:link,
    .maru-reservas-programacao-link:visited,
    .maru-reservas-programacao-link:hover,
    .maru-reservas-programacao-link:focus,
    .maru-reservas-programacao-link:active {

        font-size: 8.5px !important;
    }

}



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

@media (max-width: 420px) {


    .maru-reservas-hero {

        padding: 44px 22px 42px !important;
    }


    .maru-reservas-titulo {

        font-size: 38px !important;

        line-height: .98 !important;
    }


    .maru-reservas-texto {

        font-size: 11.5px !important;

        max-width: 100% !important;
    }


    .maru-reservas-label-linha {

        width: 22px !important;
    }


    .maru-reservas-simbolo {

        width: 175px !important;

        align-self: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    .maru-reservas-simbolo-img {

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }



    /* =====================================================
       INFORMAÇÕES

       O HERO JÁ TEM 22PX DE PADDING LATERAL,
       ENTÃO MANTEMOS 100%.
    ====================================================== */

    .maru-reservas-informacoes {

        width: 100% !important;

        margin: 42px auto 0 !important;
    }


    .maru-reservas-info-label-texto {

        font-size: 8px !important;
    }


    .maru-reservas-info-label-linha {

        width: 22px !important;
    }


    .maru-reservas-info-item {

        padding: 20px 2px !important;
    }


    .maru-reservas-info-destaque {

        font-size: 12.5px !important;
    }


    .maru-reservas-info-descricao {

        font-size: 9.5px !important;
    }


    .maru-reservas-programacao-texto p {

        font-size: 10.5px !important;
    }


    .maru-reservas-programacao-link,
    .maru-reservas-programacao-link:link,
    .maru-reservas-programacao-link:visited,
    .maru-reservas-programacao-link:hover,
    .maru-reservas-programacao-link:focus,
    .maru-reservas-programacao-link:active {

        font-size: 8px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90dae4d *//* ============================================================
   MARÚ GASTROBAR
   ANIVERSÁRIOS — CELEBRE NO MARÚ
============================================================ */



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

.maru-aniversarios {
    position: relative !important;

    width: 100% !important;

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

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

    overflow: hidden !important;

    background: transparent !important;

    box-sizing: border-box !important;
}



/* ============================================================
   >>> GRID PRINCIPAL <<<

   39% = lado do conteúdo
   61% = lado da fotografia

   PARA AUMENTAR O TEXTO:
   42% 58%

   PARA AUMENTAR A FOTO:
   36% 64%
============================================================ */

.maru-aniversarios-grid {
    width: 100% !important;

    display: grid !important;

    grid-template-columns: 39% 61% !important;

    align-items: stretch !important;

    background: transparent !important;
}



/* ============================================================
   LADO ESQUERDO
============================================================ */

.maru-aniversarios-conteudo {

    /* =====================================================
       >>> COR DO FUNDO ESQUERDO <<<
    ====================================================== */

    background: #faf8eb !important;


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

       34px = topo
       7%   = laterais
       27px = inferior
    ====================================================== */

    padding: 34px 7% 27px !important;

    position: relative !important;

    z-index: 4 !important;

    box-sizing: border-box !important;
}



/* ============================================================
   >>> TRANSIÇÃO SUAVE ENTRE FUNDO E FOTO <<<

   PARA REMOVER:
   display: none !important;
============================================================ */

.maru-aniversarios-conteudo::after {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    right: -90px !important;

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

    z-index: 5 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            #faf8eb 0%,
            rgba(250, 248, 235, .92) 25%,
            rgba(250, 248, 235, .55) 55%,
            rgba(250, 248, 235, 0) 100%
        ) !important;
}



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

.maru-aniversarios-label {
    position: relative !important;
    z-index: 6 !important;

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    margin: 0 0 10px !important;
}



/* ============================================================
   >>> TEXTO DA LABEL <<<
============================================================ */

.maru-aniversarios-label-texto {
    font-family: "Sora", sans-serif !important;

    /* >>> TAMANHO <<< */
    font-size: 10px !important;

    font-weight: 500 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;
}



/* ============================================================
   >>> RISQUINHO DA LABEL <<<

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

.maru-aniversarios-label-linha {
    display: block !important;

    /* >>> COMPRIMENTO <<< */
    width: 29px !important;

    height: 1px !important;

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



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

   MEKONA

   ALTERAÇÃO FEITA:
   line-height aumentado para dar mais espaço entre
   "CELEBRE" e "NO MARÚ".
============================================================ */

.maru-aniversarios-titulo {
    position: relative !important;
    z-index: 6 !important;

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

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

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

       40px = atual
    ====================================================== */
    font-size: 40px !important;

    font-weight: 400 !important;

    /* =====================================================
       >>> ESPAÇAMENTO ENTRE AS LINHAS <<<

       .92 = antigo, muito grudado
       1.02 = atual
       1.06 = mais separado
    ====================================================== */
    line-height: 1.02 !important;

    letter-spacing: -.01em !important;

    color: #525e3a !important;
}



/* ============================================================
   >>> SUBTÍTULO EM DESTAQUE <<<
============================================================ */

.maru-aniversarios-destaque {
    position: relative !important;
    z-index: 6 !important;

    margin: 10px 0 0 !important;

    padding: 0 !important;

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

    font-size: 10px !important;

    font-weight: 600 !important;

    line-height: 1.5 !important;

    color: #5f4b40 !important;
}



/* ============================================================
   >>> TEXTO DESCRITIVO <<<
============================================================ */

.maru-aniversarios-texto {
    position: relative !important;
    z-index: 6 !important;

    margin: 11px 0 0 !important;

    padding: 0 !important;

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

    /* >>> TAMANHO <<< */
    font-size: 10px !important;

    font-weight: 400 !important;

    line-height: 1.6 !important;

    color: #5f4b40 !important;
}



/* ============================================================
   QUEBRA CONTROLADA DESKTOP
============================================================ */

.desktop-br {
    display: block !important;
}



/* ============================================================
   >>> LISTA DE BENEFÍCIOS <<<
============================================================ */

.maru-aniversarios-beneficios {
    position: relative !important;
    z-index: 6 !important;

    margin-top: 13px !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 5px !important;
}



/* ============================================================
   BENEFÍCIO
============================================================ */

.maru-aniversarios-beneficio {
    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    min-height: 34px !important;
}



/* ============================================================
   >>> TEXTO DO BENEFÍCIO <<<
============================================================ */

.maru-aniversarios-beneficio span {
    font-family: "Sora", sans-serif !important;

    font-size: 9px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    color: #5f4b40 !important;
}



/* ============================================================
   >>> CÍRCULO DOS ÍCONES <<<
============================================================ */

.maru-aniversarios-icone {

    /* >>> TAMANHO DO CÍRCULO <<< */
    width: 31px !important;
    height: 31px !important;

    flex: 0 0 31px !important;

    display: flex !important;

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

    border-radius: 50% !important;

    background: #525e3a !important;
}



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

.maru-aniversarios-icone svg {
    width: 15px !important;
    height: 15px !important;

    fill: none !important;

    stroke: #faf8eb !important;

    stroke-width: 1.35 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}



/* ============================================================
   >>> BOTÃO QUERO CELEBRAR <<<
============================================================ */

.maru-aniversarios-botao,
.maru-aniversarios-botao:visited {
    position: relative !important;
    z-index: 6 !important;

    width: 178px !important;
    height: 36px !important;

    margin-top: 14px !important;

    display: flex !important;

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

    gap: 17px !important;

    border: 1px solid rgba(82, 94, 58, .65) !important;

    background: transparent !important;

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

    font-size: 9px !important;

    font-weight: 500 !important;

    letter-spacing: .025em !important;

    color: #525e3a !important;

    text-decoration: none !important;

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



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

.maru-aniversarios-botao:hover,
.maru-aniversarios-botao:focus,
.maru-aniversarios-botao:active {
    background: #525e3a !important;

    color: #faf8eb !important;

    text-decoration: none !important;

    outline: none !important;
    box-shadow: none !important;
}



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

.maru-aniversarios-botao-seta {
    font-family: "Sora", sans-serif !important;

    font-size: 14px !important;

    line-height: 1 !important;
}



/* ============================================================
   LADO DIREITO — FOTO
============================================================ */

.maru-aniversarios-visual {
    position: relative !important;

    min-height: 398px !important;

    overflow: hidden !important;

    background: transparent !important;
}



/* ============================================================
   >>> FOTO PRINCIPAL <<<

   object-position:
   controla o enquadramento.
============================================================ */

.maru-aniversarios-imagem {
    position: absolute !important;

    inset: 0 !important;

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

    object-fit: cover !important;


    /* =====================================================
       >>> ENQUADRAMENTO DA IMAGEM <<<

       50% 50% = centro
       40% 50% = mais esquerda
       60% 50% = mais direita
    ====================================================== */

    object-position: 50% 50% !important;

    display: block !important;
}



/* ============================================================
   >>> BOX VERDE DE CONTATO <<<
============================================================ */

.maru-aniversarios-contato {
    position: absolute !important;

    z-index: 6 !important;


    /* =====================================================
       >>> POSIÇÃO DO BOX <<<
    ====================================================== */

    right: 17px !important;
    bottom: 23px !important;


    /* =====================================================
       >>> TAMANHO DO BOX <<<
    ====================================================== */

    width: 224px !important;

    padding: 22px 23px 19px !important;

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

    border: 1px solid rgba(250, 248, 235, .42) !important;

    box-sizing: border-box !important;
}



/* ============================================================
   TOPO DO BOX
============================================================ */

.maru-aniversarios-contato-topo {
    display: flex !important;

    align-items: center !important;

    gap: 18px !important;
}



/* ============================================================
   >>> ÍCONE BOLO <<<
============================================================ */

.maru-aniversarios-contato-icone {
    width: 35px !important;

    flex: 0 0 35px !important;
}



.maru-aniversarios-contato-icone svg {
    width: 30px !important;
    height: 30px !important;

    fill: none !important;

    stroke: #faf8eb !important;

    stroke-width: 1.2 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}



/* ============================================================
   >>> TEXTO DO BOX <<<
============================================================ */

.maru-aniversarios-contato-titulo {
    margin: 0 !important;
    padding: 0 !important;

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

    font-size: 9px !important;

    font-weight: 500 !important;

    line-height: 1.55 !important;

    letter-spacing: .08em !important;

    color: #faf8eb !important;
}



/* ============================================================
   >>> LINHA INTERNA DO BOX <<<
============================================================ */

.maru-aniversarios-contato-linha {
    display: block !important;

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

    margin: 16px 0 14px !important;

    background: rgba(250, 248, 235, .25) !important;
}



/* ============================================================
   >>> WHATSAPP <<<
============================================================ */

.maru-aniversarios-whatsapp,
.maru-aniversarios-whatsapp:visited {
    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

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

    font-size: 8px !important;

    font-weight: 500 !important;

    letter-spacing: .06em !important;

    color: #faf8eb !important;

    background: transparent !important;

    text-decoration: none !important;

    transition: opacity .3s ease !important;
}



.maru-aniversarios-whatsapp:hover,
.maru-aniversarios-whatsapp:focus,
.maru-aniversarios-whatsapp:active {
    color: #faf8eb !important;

    opacity: .72 !important;

    background: transparent !important;

    text-decoration: none !important;

    outline: none !important;
    box-shadow: none !important;
}



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

.maru-aniversarios-whatsapp-icone {
    width: 18px !important;
    height: 18px !important;

    flex: 0 0 18px !important;

    fill: none !important;

    stroke: #faf8eb !important;

    stroke-width: 1.25 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}



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

@media (min-width: 1440px) {

    .maru-aniversarios-grid {
        grid-template-columns: 39% 61% !important;
    }


    .maru-aniversarios-conteudo {

        /* >>> ESPAÇAMENTO DESKTOP GRANDE <<< */

        padding-top: 42px !important;
        padding-bottom: 35px !important;
    }


    .maru-aniversarios-titulo {

        /* >>> TAMANHO DO TÍTULO <<< */
        font-size: 46px !important;

        /* >>> ESPAÇAMENTO ENTRE CELEBRE / NO MARÚ <<< */
        line-height: 1.02 !important;
    }


    .maru-aniversarios-visual {

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

        min-height: 450px !important;
    }


    .maru-aniversarios-contato {

        /* >>> TAMANHO DO BOX <<< */

        width: 240px !important;

        right: 24px !important;
        bottom: 28px !important;
    }

}



/* ============================================================
   TABLET
   768px — 1024px
============================================================ */

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

    .maru-aniversarios-grid {

        /* >>> PROPORÇÃO TABLET <<< */

        grid-template-columns: 45% 55% !important;
    }


    .maru-aniversarios-conteudo {
        padding: 38px 7% 32px !important;
    }


    .maru-aniversarios-titulo {
        font-size: 35px !important;

        /* >>> ESPAÇAMENTO ENTRE AS LINHAS <<< */
        line-height: 1.02 !important;
    }


    .desktop-br {
        display: none !important;
    }


    .maru-aniversarios-contato {
        width: 205px !important;

        right: 15px !important;
        bottom: 18px !important;

        padding: 18px !important;
    }


    .maru-aniversarios-conteudo::after {

        /* >>> TRANSIÇÃO ENTRE CONTEÚDO E FOTO <<< */

        right: -70px !important;

        width: 85px !important;
    }

}



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

@media (max-width: 767px) {

    .maru-aniversarios {
        overflow: hidden !important;
    }


    /* =====================================================
       >>> NO CELULAR OS BLOCOS FICAM UM ABAIXO DO OUTRO <<<
    ====================================================== */

    .maru-aniversarios-grid {
        display: flex !important;

        flex-direction: column !important;
    }



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

    .maru-aniversarios-conteudo {

        width: 100% !important;

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

           44px = topo
           24px = laterais
           40px = inferior
        ================================================== */

        padding: 44px 24px 40px !important;
    }



    /* =====================================================
       >>> REMOVE O FADE LATERAL NO MOBILE <<<
    ====================================================== */

    .maru-aniversarios-conteudo::after {
        display: none !important;
    }



    .maru-aniversarios-label {
        margin-bottom: 12px !important;
    }


    .maru-aniversarios-label-texto {

        /* >>> LABEL <<< */

        font-size: 9px !important;
    }


    .maru-aniversarios-label-linha {

        /* >>> RISQUINHO <<< */

        width: 28px !important;
    }



    /* =====================================================
       >>> TÍTULO MOBILE <<<
    ====================================================== */

    .maru-aniversarios-titulo {
        font-size: 40px !important;

        /* =================================================
           >>> ESPAÇAMENTO ENTRE CELEBRE / NO MARÚ <<<

           1.02 = atual
           1.06 = ainda mais separado
        ================================================== */
        line-height: 1.02 !important;
    }



    .maru-aniversarios-destaque {
        margin-top: 13px !important;

        font-size: 11px !important;
    }



    .maru-aniversarios-texto {
        margin-top: 13px !important;

        font-size: 11px !important;

        line-height: 1.65 !important;

        max-width: 360px !important;
    }


    .desktop-br {
        display: none !important;
    }



    /* =====================================================
       BENEFÍCIOS MOBILE
    ====================================================== */

    .maru-aniversarios-beneficios {
        margin-top: 20px !important;

        gap: 8px !important;
    }


    .maru-aniversarios-beneficio {
        gap: 12px !important;

        min-height: 39px !important;
    }


    .maru-aniversarios-beneficio span {
        font-size: 10.5px !important;
    }


    .maru-aniversarios-icone {
        width: 34px !important;
        height: 34px !important;

        flex-basis: 34px !important;
    }


    .maru-aniversarios-icone svg {
        width: 16px !important;
        height: 16px !important;
    }



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

    .maru-aniversarios-botao,
    .maru-aniversarios-botao:visited {

        /* >>> LARGURA DO BOTÃO <<< */

        width: 200px !important;

        height: 42px !important;

        margin-top: 22px !important;

        font-size: 9.5px !important;
    }



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

    .maru-aniversarios-visual {

        /* >>> ALTURA DA FOTO NO CELULAR <<< */

        min-height: 450px !important;
    }


    .maru-aniversarios-imagem {

        /* =================================================
           >>> ENQUADRAMENTO DA FOTO MOBILE <<<
        ================================================== */

        object-position: 52% 50% !important;
    }



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

    .maru-aniversarios-contato {

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

        right: 18px !important;
        bottom: 18px !important;

        /* >>> TAMANHO <<< */

        width: 220px !important;

        padding: 20px !important;
    }

}



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

@media (max-width: 420px) {

    .maru-aniversarios-conteudo {

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

        padding: 40px 22px 38px !important;
    }


    .maru-aniversarios-titulo {

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

        font-size: 37px !important;

        /* >>> ESPAÇAMENTO ENTRE CELEBRE / NO MARÚ <<< */
        line-height: 1.02 !important;
    }


    .maru-aniversarios-label-linha {
        width: 22px !important;
    }


    .maru-aniversarios-visual {

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

        min-height: 410px !important;
    }


    .maru-aniversarios-contato {

        /* =================================================
           >>> BOX EM CELULAR PEQUENO <<<
        ================================================== */

        left: 20px !important;
        right: 20px !important;

        bottom: 20px !important;

        width: auto !important;
    }

}/* End custom CSS */