.elementor-4896 .elementor-element.elementor-element-2cc14a63{--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-4896 .elementor-element.elementor-element-2cc14a63:not(.elementor-motion-effects-element-type-background), .elementor-4896 .elementor-element.elementor-element-2cc14a63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5F4B40;}.elementor-4896 .elementor-element.elementor-element-30f6db7f{--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-4896 .elementor-element.elementor-element-30f6db7f:not(.elementor-motion-effects-element-type-background), .elementor-4896 .elementor-element.elementor-element-30f6db7f > .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;}.elementor-4896 .elementor-element.elementor-element-b04d66d{--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-4896 .elementor-element.elementor-element-b04d66d:not(.elementor-motion-effects-element-type-background), .elementor-4896 .elementor-element.elementor-element-b04d66d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;}.elementor-4896 .elementor-element.elementor-element-e629998{--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-4896 .elementor-element.elementor-element-e629998:not(.elementor-motion-effects-element-type-background), .elementor-4896 .elementor-element.elementor-element-e629998 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;}.elementor-4896 .elementor-element.elementor-element-42b683c0{--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-4896 .elementor-element.elementor-element-42b683c0:not(.elementor-motion-effects-element-type-background), .elementor-4896 .elementor-element.elementor-element-42b683c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;}.elementor-4896 .elementor-element.elementor-element-68b5da6f{--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-4896 .elementor-element.elementor-element-452df0c6{--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-4896 .elementor-element.elementor-element-f2cadde{--display:flex;}.elementor-4896 .elementor-element.elementor-element-1a8cf954{--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-4896 .elementor-element.elementor-element-27e889dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4896 .elementor-element.elementor-element-27e889dc .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-4896 .elementor-element.elementor-element-78e25b04{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-4896 .elementor-element.elementor-element-30df1430 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-button span{gap:20px;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:16px;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-16px;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-labels-inline .elementor-field-group > label{padding-left:9px;}body:not(.rtl) .elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-labels-inline .elementor-field-group > label{padding-right:9px;}body .elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-labels-above .elementor-field-group > label{padding-bottom:9px;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-group > label, .elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-subgroup label{color:#5F4B40;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-group > label{font-family:"Sora", Sans-serif;font-size:13px;font-weight:400;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-type-html{padding-bottom:0px;color:#5F4B40;font-family:"Sora", Sans-serif;font-weight:400;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-group .elementor-field{color:#525E3A;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-group .elementor-field, .elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-subgroup label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FAF8EB;border-color:#A4A4A4;border-radius:0px 0px 0px 0px;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-group .elementor-select-wrapper select{background-color:#FAF8EB;border-color:#A4A4A4;border-radius:0px 0px 0px 0px;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-field-group .elementor-select-wrapper::before{color:#A4A4A4;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-button{font-family:"Sora", Sans-serif;font-size:10px;font-weight:400;}.elementor-4896 .elementor-element.elementor-element-30df1430 .e-form__buttons__wrapper__button-next{background-color:#525E3A;color:#ffffff;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-button[type="submit"]{background-color:#525E3A;color:#ffffff;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4896 .elementor-element.elementor-element-30df1430 .e-form__buttons__wrapper__button-previous{background-color:#4C5E29;color:#ffffff;}.elementor-4896 .elementor-element.elementor-element-30df1430 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4896 .elementor-element.elementor-element-30df1430 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4896 .elementor-element.elementor-element-30df1430 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4896 .elementor-element.elementor-element-30df1430{--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-4896 .elementor-element.elementor-element-6ebbc28b .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-4896 .elementor-element.elementor-element-6ebbc28b.elementor-element{--align-self:center;}.elementor-4896 .elementor-element.elementor-element-6ebbc28b .elementor-button-content-wrapper{flex-direction:row;}.elementor-4896 .elementor-element.elementor-element-6ebbc28b .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-4896 .elementor-element.elementor-element-a85f38c{--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-4896 .elementor-element.elementor-element-a85f38c:not(.elementor-motion-effects-element-type-background), .elementor-4896 .elementor-element.elementor-element-a85f38c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/dobra01homecel.webp");background-position:center center;background-size:cover;}@media(min-width:768px){.elementor-4896 .elementor-element.elementor-element-30f6db7f{--content-width:1600px;}.elementor-4896 .elementor-element.elementor-element-b04d66d{--content-width:1600px;}.elementor-4896 .elementor-element.elementor-element-e629998{--content-width:1600px;}.elementor-4896 .elementor-element.elementor-element-42b683c0{--content-width:1600px;}.elementor-4896 .elementor-element.elementor-element-68b5da6f{--width:50%;}.elementor-4896 .elementor-element.elementor-element-452df0c6{--width:100%;}.elementor-4896 .elementor-element.elementor-element-f2cadde{--width:99%;}.elementor-4896 .elementor-element.elementor-element-1a8cf954{--width:100%;}.elementor-4896 .elementor-element.elementor-element-a85f38c{--width:50%;}}@media(max-width:767px){.elementor-4896 .elementor-element.elementor-element-30f6db7f:not(.elementor-motion-effects-element-type-background), .elementor-4896 .elementor-element.elementor-element-30f6db7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/anivercel00.webp");background-position:-53px 318px;background-repeat:no-repeat;background-size:730px auto;}.elementor-4896 .elementor-element.elementor-element-452df0c6{--padding-top:17px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4896 .elementor-element.elementor-element-1a8cf954{--margin-top:-26px;--margin-bottom:0px;--margin-left:-13px;--margin-right:0px;}.elementor-4896 .elementor-element.elementor-element-27e889dc .elementor-heading-title{font-size:21px;}.elementor-4896 .elementor-element.elementor-element-a85f38c{--min-height:306px;}}/* Start custom CSS for html, class: .elementor-element-483231a3 *//* ============================================================
   ============================================================
                        MARÚ GASTROBAR
                          ANIVERSÁRIOS
   ============================================================
   ============================================================

   ✓ CSS COMPLETO
   ✓ CONTEÚDO À ESQUERDA
   ✓ FOTO À DIREITA
   ✓ FADE ENTRE FUNDO E FOTO
   ✓ REELS VERTICAL SOBRE A FOTO
   ✓ MODAL DO VÍDEO
   ✓ DESKTOP
   ✓ TABLET
   ✓ MOBILE

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


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

.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% = CONTEÚDO
   61% = FOTO

   >>> ALTERAR PROPORÇÃO AQUI <<<
   ============================================================
============================================================ */

.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 {

    position: relative !important;

    z-index: 4 !important;


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

    background:
        #faf8eb !important;


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

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

    padding:
        34px 7% 30px !important;

    box-sizing:
        border-box !important;
}



/* ============================================================
   FADE ENTRE CONTEÚDO E FOTO

   NÃO ALTEREI A TRANSPARÊNCIA ORIGINAL.
============================================================ */

.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;
}


.maru-aniversarios-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;
}



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

   >>> ALTERAR COMPRIMENTO AQUI <<<
============================================================ */

.maru-aniversarios-label-linha {

    display:
        block !important;

    width:
        29px !important;

    height:
        1px !important;

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



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

.maru-aniversarios-titulo {

    position: relative !important;

    z-index: 6 !important;

    margin:
        0 !important;

    padding:
        0 !important;

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


    /* >>> TAMANHO <<< */

    font-size:
        40px !important;


    font-weight:
        400 !important;

    line-height:
        1.02 !important;

    letter-spacing:
        -.01em !important;

    color:
        #525e3a !important;
}



/* ============================================================
   ============================================================
                          SUBTÍTULO
   ============================================================
============================================================ */

.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;
}



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

.maru-aniversarios-texto {

    position: relative !important;

    z-index: 6 !important;

    margin:
        11px 0 0 !important;

    padding:
        0 !important;

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

    font-size:
        10px !important;

    font-weight:
        400 !important;

    line-height:
        1.6 !important;

    color:
        #5f4b40 !important;
}


.desktop-br {

    display:
        block !important;
}



/* ============================================================
   ============================================================
                          HORÁRIOS
   ============================================================
============================================================ */

.maru-aniversarios-horarios {

    position: relative !important;

    z-index: 6 !important;


    /* =====================================================
       >>> DISTÂNCIA DO TEXTO PARA HORÁRIOS <<<
    ====================================================== */

    margin-top:
        24px !important;


    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;


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

    gap:
        24px !important;
}



/* ============================================================
   CADA HORÁRIO
============================================================ */

.maru-aniversarios-horario {

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        flex-start !important;

    gap:
        3px !important;

    min-width:
        105px !important;
}



/* ============================================================
   DIA
============================================================ */

.maru-aniversarios-horario-dia {

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


    /* >>> TAMANHO <<< */

    font-size:
        13px !important;


    font-weight:
        400 !important;

    line-height:
        1.2 !important;

    color:
        #525e3a !important;

    white-space:
        nowrap !important;
}



/* ============================================================
   HORÁRIO
============================================================ */

.maru-aniversarios-horario-hora {

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


    /* >>> TAMANHO <<< */

    font-size:
        21px !important;


    font-weight:
        400 !important;

    line-height:
        1.1 !important;

    color:
        #525e3a !important;

    white-space:
        nowrap !important;
}



/* ============================================================
   DIVISÓRIA
============================================================ */

.maru-aniversarios-horario-divisor {

    display:
        block !important;

    width:
        1px !important;

    height:
        42px !important;

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

    flex:
        0 0 1px !important;
}



/* ============================================================
   ============================================================
                         LADO DIREITO
   ============================================================
============================================================ */

.maru-aniversarios-visual {

    position:
        relative !important;


    /* =====================================================
       >>> ALTURA DA ÁREA VISUAL <<<
    ====================================================== */

    min-height:
        398px !important;


    overflow:
        hidden !important;

    background:
        transparent !important;
}



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

.maru-aniversarios-imagem {

    position:
        absolute !important;

    inset:
        0 !important;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover !important;


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

       50% 50% = CENTRO

       45% 50% = MAIS PARA ESQUERDA
       55% 50% = MAIS PARA DIREITA
    ====================================================== */

    object-position:
        50% 50% !important;

    display:
        block !important;
}



/* ============================================================
   ============================================================
                  REELS — ANIVERSÁRIOS
   ============================================================
============================================================ */

.maru-aniversarios-reels {

    position:
        absolute !important;

    z-index:
        7 !important;


    /* =====================================================
       >>> POSIÇÃO HORIZONTAL DO REELS <<<

       AUMENTE 11% = VAI PARA DIREITA
       DIMINUA 11% = VAI PARA ESQUERDA
    ====================================================== */

    left:
        11% !important;


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

       50% = CENTRO
    ====================================================== */

    top:
        50% !important;

    transform:
        translateY(-50%) !important;


    /* =====================================================
       >>> TAMANHO DO REELS <<<

       125px = ATUAL

       MAIOR:
       135px
       145px

       MENOR:
       115px
    ====================================================== */

    width:
        125px !important;

    aspect-ratio:
        9 / 16 !important;


    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    outline:
        none !important;

    border-radius:
        11px !important;

    overflow:
        hidden !important;

    cursor:
        pointer !important;

    background:
        #000 !important;

    box-shadow:
        0 12px 30px
        rgba(30,25,20,.18) !important;

    box-sizing:
        border-box !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease !important;
}



/* ============================================================
   HOVER DO REELS
============================================================ */

.maru-aniversarios-reels:hover {

    transform:
        translateY(-50%)
        translateY(-2px) !important;

    box-shadow:
        0 17px 38px
        rgba(30,25,20,.24) !important;
}



/* ============================================================
   VÍDEO DO REELS
============================================================ */

.maru-aniversarios-reels-video {

    position:
        absolute !important;

    inset:
        0 !important;

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover !important;


    /* =====================================================
       >>> ENQUADRAMENTO DO VÍDEO <<<

       PRIMEIRO 50% = HORIZONTAL
       SEGUNDO 50% = VERTICAL
    ====================================================== */

    object-position:
        50% 50% !important;

    border:
        0 !important;

    pointer-events:
        none !important;
}



/* ============================================================
   OVERLAY DO REELS
============================================================ */

.maru-aniversarios-reels-overlay {

    position:
        absolute !important;

    z-index:
        2 !important;

    inset:
        0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.04) 0%,
            rgba(0,0,0,0) 48%,
            rgba(0,0,0,.26) 100%
        ) !important;

    pointer-events:
        none !important;
}



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

.maru-aniversarios-reels-mudo {

    position:
        absolute !important;

    z-index:
        4 !important;

    top:
        9px !important;

    right:
        9px !important;

    width:
        18px !important;

    height:
        18px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    pointer-events:
        none !important;
}


.maru-aniversarios-reels-mudo svg {

    width:
        14px !important;

    height:
        14px !important;

    fill:
        none !important;

    stroke:
        #ffffff !important;

    stroke-width:
        1.5 !important;

    stroke-linecap:
        round !important;

    stroke-linejoin:
        round !important;
}



/* ============================================================
   PLAY CENTRAL
============================================================ */

.maru-aniversarios-reels-play {

    position:
        absolute !important;

    z-index:
        4 !important;

    top:
        50% !important;

    left:
        50% !important;

    transform:
        translate(-50%, -50%) !important;


    /* >>> TAMANHO DO PLAY <<< */

    width:
        35px !important;

    height:
        35px !important;


    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border:
        1px solid
        rgba(255,255,255,.78) !important;

    border-radius:
        50% !important;

    background:
        rgba(0,0,0,.08) !important;

    backdrop-filter:
        blur(2px) !important;

    -webkit-backdrop-filter:
        blur(2px) !important;

    pointer-events:
        none !important;
}


.maru-aniversarios-reels-play svg {

    width:
        14px !important;

    height:
        14px !important;

    fill:
        #ffffff !important;

    margin-left:
        2px !important;
}



/* ============================================================
   "VER VÍDEO"
============================================================ */

.maru-aniversarios-reels-legenda {

    position:
        absolute !important;

    z-index:
        4 !important;

    left:
        11px !important;

    right:
        11px !important;

    bottom:
        10px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        8px !important;

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

    font-size:
        6.5px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    letter-spacing:
        .08em !important;

    text-transform:
        uppercase !important;

    color:
        #ffffff !important;

    pointer-events:
        none !important;
}


.maru-aniversarios-reels-seta {

    font-size:
        11px !important;

    line-height:
        1 !important;
}



/* ============================================================
   ============================================================
                      BOX DE CONTATO
   ============================================================
============================================================ */

.maru-aniversarios-contato {

    position:
        absolute !important;

    z-index:
        8 !important;


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

    right:
        17px !important;

    bottom:
        23px !important;


    /* >>> TAMANHO <<< */

    width:
        224px !important;


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

    padding:
        18px 20px 16px !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:
        14px !important;
}



/* ============================================================
   ÍCONE DO BOX
============================================================ */

.maru-aniversarios-contato-icone {

    width:
        31px !important;

    flex:
        0 0 31px !important;
}


.maru-aniversarios-contato-icone svg {

    width:
        27px !important;

    height:
        27px !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;

    flex:
        1 !important;

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

    font-size:
        9px !important;

    font-weight:
        500 !important;

    line-height:
        1.45 !important;

    letter-spacing:
        .04em !important;

    color:
        #faf8eb !important;
}



/* ============================================================
   SETA DO TOPO
============================================================ */

.maru-aniversarios-contato-seta {

    margin-left:
        auto !important;

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

    font-size:
        13px !important;

    line-height:
        1 !important;

    color:
        #faf8eb !important;

    opacity:
        .8 !important;
}



/* ============================================================
   LINHA INTERNA
============================================================ */

.maru-aniversarios-contato-linha {

    display:
        block !important;

    width:
        100% !important;

    height:
        1px !important;

    margin:
        14px 0 13px !important;

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



/* ============================================================
   WHATSAPP
============================================================ */

.maru-aniversarios-whatsapp,
.maru-aniversarios-whatsapp:link,
.maru-aniversarios-whatsapp:visited,
.maru-aniversarios-whatsapp:hover,
.maru-aniversarios-whatsapp:focus,
.maru-aniversarios-whatsapp:active {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    width:
        100% !important;

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

    font-size:
        8px !important;

    font-weight:
        500 !important;

    letter-spacing:
        .04em !important;

    color:
        #faf8eb !important;

    background:
        transparent !important;

    text-decoration:
        none !important;

    outline:
        none !important;

    box-shadow:
        none !important;
}


.maru-aniversarios-whatsapp {

    transition:
        opacity .3s ease !important;
}


.maru-aniversarios-whatsapp:hover {

    opacity:
        .72 !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;
}



/* ============================================================
   WHATSAPP — SETA
============================================================ */

.maru-aniversarios-whatsapp-seta {

    margin-left:
        auto !important;

    font-size:
        13px !important;

    line-height:
        1 !important;

    color:
        #faf8eb !important;

    opacity:
        .8 !important;
}



/* ============================================================
   ============================================================
                         MODAL
   ============================================================
============================================================ */

.maru-aniversarios-modal {

    position:
        fixed !important;

    z-index:
        999999 !important;

    inset:
        0 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        35px !important;

    opacity:
        0 !important;

    visibility:
        hidden !important;

    pointer-events:
        none !important;

    transition:
        opacity .35s ease,
        visibility .35s ease !important;
}



/* ============================================================
   MODAL ABERTO
============================================================ */

.maru-aniversarios-modal.is-open {

    opacity:
        1 !important;

    visibility:
        visible !important;

    pointer-events:
        auto !important;
}



/* ============================================================
   FUNDO DO MODAL
============================================================ */

.maru-aniversarios-modal-fundo {

    position:
        absolute !important;

    z-index:
        1 !important;

    inset:
        0 !important;

    width:
        100% !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    outline:
        0 !important;

    background:
        rgba(20,18,16,.91) !important;

    backdrop-filter:
        blur(8px) !important;

    -webkit-backdrop-filter:
        blur(8px) !important;

    cursor:
        pointer !important;
}



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

.maru-aniversarios-modal-conteudo {

    position:
        relative !important;

    z-index:
        2 !important;


    /* =====================================================
       >>> TAMANHO DO VÍDEO QUANDO ABERTO <<<

       390px = ATUAL

       MENOR:
       350px

       MAIOR:
       430px
    ====================================================== */

    width:
        min(
            390px,
            calc(100vw - 70px)
        ) !important;

    max-height:
        calc(100vh - 70px) !important;

    aspect-ratio:
        9 / 16 !important;

    background:
        #000 !important;

    box-shadow:
        0 30px 80px
        rgba(0,0,0,.40) !important;
}



/* ============================================================
   VÍDEO DO MODAL
============================================================ */

.maru-aniversarios-modal-video {

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        cover !important;

    background:
        #000 !important;
}



/* ============================================================
   X — FECHAR
============================================================ */

.maru-aniversarios-modal-fechar {

    position:
        absolute !important;

    z-index:
        10 !important;

    top:
        -40px !important;

    right:
        0 !important;

    width:
        32px !important;

    height:
        32px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    outline:
        none !important;

    background:
        transparent !important;

    color:
        #ffffff !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size:
        30px !important;

    font-weight:
        200 !important;

    line-height:
        1 !important;

    cursor:
        pointer !important;

    opacity:
        .85 !important;
}


.maru-aniversarios-modal-fechar:hover {

    opacity:
        1 !important;
}


body.maru-aniversarios-modal-aberto {

    overflow:
        hidden !important;
}



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

@media (min-width: 1440px) {


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

    .maru-aniversarios-grid {

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



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

    .maru-aniversarios-conteudo {

        padding-top:
            42px !important;

        padding-bottom:
            35px !important;
    }



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

    .maru-aniversarios-titulo {

        font-size:
            46px !important;

        line-height:
            1.02 !important;
    }



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

    .maru-aniversarios-visual {

        min-height:
            450px !important;
    }



    /* =====================================================
       REELS DESKTOP GRANDE

       >>> AJUSTE AQUI <<<
    ====================================================== */

    .maru-aniversarios-reels {

        /* HORIZONTAL */

        left:
            11% !important;


        /* TAMANHO */

        width:
            135px !important;
    }



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

    .maru-aniversarios-contato {

        width:
            240px !important;

        right:
            24px !important;

        bottom:
            28px !important;
    }



    /* =====================================================
       HORÁRIOS
    ====================================================== */

    .maru-aniversarios-horarios {

        margin-top:
            27px !important;

        gap:
            28px !important;
    }


    .maru-aniversarios-horario-dia {

        font-size:
            14px !important;
    }


    .maru-aniversarios-horario-hora {

        font-size:
            23px !important;
    }


    .maru-aniversarios-horario-divisor {

        height:
            46px !important;
    }

}



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

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


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

    .maru-aniversarios-grid {

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



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

    .maru-aniversarios-conteudo {

        padding:
            38px
            7%
            32px !important;
    }



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

    .maru-aniversarios-titulo {

        font-size:
            35px !important;

        line-height:
            1.02 !important;
    }



    /* =====================================================
       QUEBRA DE TEXTO
    ====================================================== */

    .desktop-br {

        display:
            none !important;
    }



    /* =====================================================
       HORÁRIOS
    ====================================================== */

    .maru-aniversarios-horarios {

        margin-top:
            22px !important;

        gap:
            17px !important;
    }


    .maru-aniversarios-horario {

        min-width:
            90px !important;
    }


    .maru-aniversarios-horario-dia {

        font-size:
            11px !important;
    }


    .maru-aniversarios-horario-hora {

        font-size:
            18px !important;
    }


    .maru-aniversarios-horario-divisor {

        height:
            39px !important;
    }



    /* =====================================================
       FADE
    ====================================================== */

    .maru-aniversarios-conteudo::after {

        right:
            -70px !important;

        width:
            85px !important;
    }



    /* =====================================================
       REELS TABLET

       >>> AJUSTE AQUI <<<
    ====================================================== */

    .maru-aniversarios-reels {

        left:
            7% !important;

        width:
            110px !important;
    }


    .maru-aniversarios-reels-play {

        width:
            32px !important;

        height:
            32px !important;
    }


    .maru-aniversarios-reels-legenda {

        left:
            9px !important;

        right:
            9px !important;

        bottom:
            9px !important;

        font-size:
            5.8px !important;
    }



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

    .maru-aniversarios-contato {

        width:
            205px !important;

        right:
            15px !important;

        bottom:
            18px !important;

        padding:
            18px !important;
    }

}



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

@media (max-width: 767px) {


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

    .maru-aniversarios {

        overflow:
            hidden !important;
    }



    /* =====================================================
       UM BLOCO ABAIXO DO OUTRO
    ====================================================== */

    .maru-aniversarios-grid {

        display:
            flex !important;

        flex-direction:
            column !important;
    }



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

    .maru-aniversarios-conteudo {

        width:
            100% !important;

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



    /* =====================================================
       REMOVE FADE LATERAL
    ====================================================== */

    .maru-aniversarios-conteudo::after {

        display:
            none !important;
    }



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

    .maru-aniversarios-label {

        margin-bottom:
            12px !important;
    }


    .maru-aniversarios-label-texto {

        font-size:
            9px !important;
    }


    .maru-aniversarios-label-linha {

        width:
            28px !important;
    }



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

    .maru-aniversarios-titulo {

        font-size:
            40px !important;

        line-height:
            1.02 !important;
    }



    /* =====================================================
       SUBTÍTULO
    ====================================================== */

    .maru-aniversarios-destaque {

        margin-top:
            13px !important;

        font-size:
            11px !important;
    }



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

    .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;
    }



    /* =====================================================
       HORÁRIOS

       CONTINUAM LADO A LADO
    ====================================================== */

    .maru-aniversarios-horarios {

        margin-top:
            25px !important;

        gap:
            20px !important;
    }


    .maru-aniversarios-horario {

        min-width:
            0 !important;
    }


    .maru-aniversarios-horario-dia {

        font-size:
            11px !important;
    }


    .maru-aniversarios-horario-hora {

        font-size:
            20px !important;
    }


    .maru-aniversarios-horario-divisor {

        height:
            42px !important;
    }



    /* =====================================================
       ÁREA VISUAL / FOTO
    ====================================================== */

    .maru-aniversarios-visual {

        min-height:
            450px !important;
    }


    .maru-aniversarios-imagem {

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



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

       NO CELULAR ELE FICA CENTRALIZADO NA FOTO.

       >>> AJUSTAR POSIÇÃO AQUI <<<
    ====================================================== */

    .maru-aniversarios-reels {

        left:
            50% !important;


        /* =================================================
           >>> ALTURA DO VÍDEO NA FOTO <<<

           MENOR % = MAIS PARA CIMA
           MAIOR % = MAIS PARA BAIXO
        ================================================== */

        top:
            34% !important;


        transform:
            translate(-50%, -50%) !important;


        /* =================================================
           >>> TAMANHO MOBILE <<<

           145px = ATUAL

           MAIOR = 155px
           MENOR = 135px
        ================================================== */

        width:
            145px !important;
    }


    .maru-aniversarios-reels:hover {

        transform:
            translate(-50%, -50%) !important;
    }


    .maru-aniversarios-reels-play {

        width:
            36px !important;

        height:
            36px !important;
    }



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

    .maru-aniversarios-contato {

        z-index:
            10 !important;

        right:
            18px !important;

        bottom:
            18px !important;

        width:
            220px !important;

        padding:
            20px !important;
    }



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

    .maru-aniversarios-modal {

        padding:
            50px
            22px
            30px !important;
    }


    .maru-aniversarios-modal-conteudo {

        width:
            min(
                360px,
                calc(100vw - 44px)
            ) !important;

        max-height:
            calc(100dvh - 80px) !important;
    }

}



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

@media (max-width: 420px) {


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

    .maru-aniversarios-conteudo {

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



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

    .maru-aniversarios-titulo {

        font-size:
            37px !important;

        line-height:
            1.02 !important;
    }



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

    .maru-aniversarios-label-linha {

        width:
            22px !important;
    }



    /* =====================================================
       HORÁRIOS
    ====================================================== */

    .maru-aniversarios-horarios {

        gap:
            14px !important;
    }


    .maru-aniversarios-horario-dia {

        font-size:
            10px !important;
    }


    .maru-aniversarios-horario-hora {

        font-size:
            18px !important;
    }


    .maru-aniversarios-horario-divisor {

        height:
            39px !important;
    }



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

    .maru-aniversarios-visual {

        min-height:
            410px !important;
    }



    /* =====================================================
       REELS CELULAR PEQUENO

       >>> AJUSTAR AQUI <<<
    ====================================================== */

    .maru-aniversarios-reels {

        top:
            32% !important;

        width:
            138px !important;
    }



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

    .maru-aniversarios-contato {

        left:
            20px !important;

        right:
            20px !important;

        bottom:
            20px !important;

        width:
            auto !important;
    }

}



/* ============================================================
   ============================================================
                    CELULAR MUITO PEQUENO
                        ATÉ 360
   ============================================================
============================================================ */

@media (max-width: 360px) {


    /* =====================================================
       REELS
    ====================================================== */

    .maru-aniversarios-reels {

        width:
            128px !important;

        top:
            31% !important;
    }


    /* =====================================================
       EVITA HORÁRIOS ESTOURAREM
    ====================================================== */

    .maru-aniversarios-horarios {

        gap:
            10px !important;
    }


    .maru-aniversarios-horario-dia {

        font-size:
            9px !important;
    }


    .maru-aniversarios-horario-hora {

        font-size:
            17px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e6cd09 *//* ============================================================
   ============================================================
                     MARÚ GASTROBAR
              FAIXA BENEFÍCIOS — ANIVERSÁRIOS
   ============================================================
============================================================ */


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

.maru-niver-beneficios {

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;


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

       PADRÃO MARÚ:
       #faf8eb
    ====================================================== */

    background: #faf8eb !important;

    box-sizing: border-box !important;
}



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

   >>> LARGURA NORMAL DA PÁGINA <<<
============================================================ */

.maru-niver-beneficios-container {

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

       94% = atual

       Mais fechado:
       90% / 92%

       Mais aberto:
       96%
    ====================================================== */

    width: 94% !important;

    margin: 0 auto !important;


    /* =====================================================
       >>> ALTURA / ESPAÇAMENTO DA FAIXA <<<

       20px = cima e baixo

       Para deixar mais fina:
       16px

       Para deixar mais alta:
       24px
    ====================================================== */

    padding: 20px 0 !important;


    display: grid !important;


    /* =====================================================
       ESTRUTURA:

       ITEM | LINHA | ITEM | LINHA | ITEM | LINHA | ITEM
    ====================================================== */

    grid-template-columns:
        1fr
        1px
        1fr
        1px
        1.15fr
        1px
        .85fr !important;


    align-items: center !important;

    column-gap: 30px !important;

    box-sizing: border-box !important;
}



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

.maru-niver-beneficio-item {

    min-width: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;


    /* =====================================================
       >>> ESPAÇO ENTRE ÍCONE E TEXTO <<<
    ====================================================== */

    gap: 17px !important;
}



/* ============================================================
   CÍRCULO DO ÍCONE
============================================================ */

.maru-niver-beneficio-icone {

    /* =====================================================
       >>> TAMANHO DO CÍRCULO <<<

       Atual: 48px
    ====================================================== */

    width: 48px !important;
    height: 48px !important;

    flex: 0 0 48px !important;


    display: flex !important;

    align-items: center !important;

    justify-content: center !important;


    border-radius: 50% !important;


    /* =====================================================
       >>> FUNDO SUAVE DO ÍCONE <<<
    ====================================================== */

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



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

.maru-niver-beneficio-icone svg {

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

    width: 25px !important;
    height: 25px !important;


    fill: none !important;


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

    stroke: #525e3a !important;


    stroke-width: 1.25 !important;

    stroke-linecap: round !important;

    stroke-linejoin: round !important;

    display: block !important;
}



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

.maru-niver-beneficio-texto {

    margin: 0 !important;

    padding: 0 !important;


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


    /* =====================================================
       >>> TAMANHO DO TEXTO <<<

       Atual: 9px

       Maior:
       9.5px / 10px
    ====================================================== */

    font-size: 9px !important;


    font-weight: 400 !important;

    line-height: 1.35 !important;

    letter-spacing: .01em !important;


    /* >>> COR <<< */

    color: #5f4b40 !important;


    text-transform: uppercase !important;
}



/* ============================================================
   DIVISÓRIAS VERTICAIS
============================================================ */

.maru-niver-beneficio-divisor {

    display: block !important;

    width: 1px !important;


    /* =====================================================
       >>> ALTURA DA DIVISÓRIA <<<

       Atual: 38px
    ====================================================== */

    height: 38px !important;


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


    justify-self: center !important;
}



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

@media (min-width: 1440px) {


    .maru-niver-beneficios-container {

        width: 92% !important;

        padding:
            22px
            0 !important;

        column-gap: 34px !important;
    }


    .maru-niver-beneficio-icone {

        width: 52px !important;
        height: 52px !important;

        flex-basis: 52px !important;
    }


    .maru-niver-beneficio-icone svg {

        width: 27px !important;
        height: 27px !important;
    }


    .maru-niver-beneficio-texto {

        font-size: 9.5px !important;
    }


    .maru-niver-beneficio-divisor {

        height: 42px !important;
    }

}



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

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


    .maru-niver-beneficios-container {

        width: 90% !important;

        padding:
            22px
            0 !important;


        /* =================================================
           TABLET:
           2 BENEFÍCIOS POR LINHA
        ================================================== */

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


        gap:
            22px
            35px !important;
    }



    /* =====================================================
       ESCONDE DIVISÓRIAS VERTICAIS NO TABLET
    ====================================================== */

    .maru-niver-beneficio-divisor {

        display: none !important;
    }


    .maru-niver-beneficio-item {

        gap: 15px !important;
    }


    .maru-niver-beneficio-texto {

        font-size: 9px !important;
    }

}



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

@media (max-width: 767px) {


    .maru-niver-beneficios-container {

        /* >>> LARGURA MOBILE <<< */

        width: 90% !important;


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

        padding:
            26px
            0 !important;


        /* =================================================
           1 BENEFÍCIO POR LINHA
        ================================================== */

        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        gap: 0 !important;
    }



    /* =====================================================
       CADA ITEM MOBILE
    ====================================================== */

    .maru-niver-beneficio-item {

        width: 100% !important;

        gap: 16px !important;


        /* >>> ESPAÇAMENTO ENTRE OS ITENS <<< */

        padding:
            15px
            0 !important;
    }



    /* =====================================================
       DIVISÓRIA MOBILE

       VIRA LINHA HORIZONTAL
    ====================================================== */

    .maru-niver-beneficio-divisor {

        display: block !important;

        width: 100% !important;

        height: 1px !important;

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



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

    .maru-niver-beneficio-icone {

        width: 46px !important;
        height: 46px !important;

        flex:
            0
            0
            46px !important;
    }


    .maru-niver-beneficio-icone svg {

        width: 24px !important;
        height: 24px !important;
    }



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

    .maru-niver-beneficio-texto {

        font-size: 9.5px !important;

        line-height: 1.4 !important;
    }

}



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

@media (max-width: 420px) {


    .maru-niver-beneficios-container {

        width: 89% !important;

        padding:
            22px
            0 !important;
    }


    .maru-niver-beneficio-item {

        padding:
            14px
            0 !important;
    }


    .maru-niver-beneficio-icone {

        width: 43px !important;
        height: 43px !important;

        flex-basis: 43px !important;
    }


    .maru-niver-beneficio-icone svg {

        width: 22px !important;
        height: 22px !important;
    }


    .maru-niver-beneficio-texto {

        font-size: 9px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e054b7 *//* ============================================================
   ============================================================
              MARÚ — CAPRICHAMOS NO PRESENTE
   ============================================================
   ============================================================

   DESKTOP:
   ✓ 2 CARDS LADO A LADO
   ✓ TÍTULO + FOTO LADO A LADO
   ✓ FOTO EXCLUSIVA PARA DESKTOP

   MOBILE:
   ✓ 1 CARD POR LINHA
   ✓ TÍTULO EM CIMA
   ✓ FOTO ABAIXO EM LARGURA TOTAL
   ✓ FOTO EXCLUSIVA PARA CELULAR
   ✓ BENEFÍCIOS ABAIXO

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


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

.maru-niver-presente {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    background: #faf8eb !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}



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

.maru-niver-presente-container {

    /* >>> LARGURA DESKTOP <<< */

    width: 94% !important;

    margin: 0 auto !important;


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

    padding: 28px 0 36px !important;

    box-sizing: border-box !important;
}



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

.maru-niver-presente-header {

    width: 100% !important;

    margin: 0 0 24px !important;

    padding: 0 !important;

    text-align: center !important;
}



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

   >>> SEM RISQUINHO EM CIMA <<<
============================================================ */

.maru-niver-presente-titulo {

    margin: 0 !important;

    padding: 0 !important;

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


    /* >>> TAMANHO <<< */

    font-size: 28px !important;


    font-weight: 400 !important;

    line-height: 1.05 !important;

    letter-spacing: -.01em !important;

    color: #525e3a !important;
}



/* ============================================================
   SUBTÍTULO
============================================================ */

.maru-niver-presente-subtitulo {

    margin: 7px 0 0 !important;

    padding: 0 !important;

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


    /* >>> TAMANHO <<< */

    font-size: 7px !important;


    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: .22em !important;

    text-transform: uppercase !important;

    color: #5f4b40 !important;
}



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

.maru-niver-presente-grid {

    width: 100% !important;

    display: grid !important;


    /* >>> 2 CARDS DESKTOP <<< */

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


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

    gap: 18px !important;

    align-items: stretch !important;
}



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

.maru-niver-presente-card {

    width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 !important;


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


    border-radius: 9px !important;

    overflow: hidden !important;


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


    box-sizing: border-box !important;
}



/* ============================================================
   ============================================================
                     CABEÇALHO DO CARD
   ============================================================
============================================================ */

.maru-niver-card-header {

    position: relative !important;

    width: 100% !important;

    min-height: 72px !important;


    display: grid !important;


    /* =====================================================
       >>> PROPORÇÃO DESKTOP <<<

       66% = TÍTULO
       34% = FOTO
    ====================================================== */

    grid-template-columns:
        66% 34% !important;


    align-items: stretch !important;

    overflow: hidden !important;


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



/* ============================================================
   DIA
============================================================ */

.maru-niver-card-dia {

    min-width: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 17px !important;


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

    padding: 0 26px !important;

    box-sizing: border-box !important;
}



/* ============================================================
   TEXTO DO DIA
============================================================ */

.maru-niver-card-dia > span:first-child {

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


    /* >>> TAMANHO <<< */

    font-size: 19px !important;


    font-weight: 400 !important;

    line-height: 1.1 !important;

    color: #525e3a !important;

    white-space: nowrap !important;
}



/* ============================================================
   RISQUINHO AO LADO DO DIA
============================================================ */

.maru-niver-card-dia-linha {

    display: block !important;

    width: 34px !important;

    height: 1px !important;

    flex-shrink: 0 !important;


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



/* ============================================================
   ============================================================
                  ÁREA DAS FOTOS
   ============================================================

   IMPORTANTE:

   AS 4 FOTOS SÃO ALTERADAS NO HTML.

   PROCURE POR:

   >>> FOTO DESKTOP — QUARTA A SEXTA
   >>> FOTO CELULAR — QUARTA A SEXTA

   >>> FOTO DESKTOP — SÁBADO E DOMINGO
   >>> FOTO CELULAR — SÁBADO E DOMINGO

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

.maru-niver-card-foto {

    position: relative !important;

    width: 100% !important;

    height: 72px !important;

    overflow: hidden !important;

    background: #eee9dc !important;
}



/* ============================================================
   CONFIGURAÇÃO GERAL DAS IMAGENS
============================================================ */

.maru-niver-card-imagem {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

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



/* ============================================================
   ============================================================
             CONTROLE DESKTOP / MOBILE DAS FOTOS
   ============================================================
============================================================ */


/* ============================================================
   DESKTOP + TABLET

   FOTO DESKTOP = VISÍVEL
   FOTO MOBILE  = ESCONDIDA
============================================================ */

.maru-niver-card-imagem-desktop {

    display: block !important;
}


.maru-niver-card-imagem-mobile {

    display: none !important;
}



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

   50% 50% = CENTRALIZADA

   MAIS PARA ESQUERDA:
   40% 50%

   MAIS PARA DIREITA:
   60% 50%
============================================================ */

.maru-niver-card-imagem-desktop {

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



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

.maru-niver-card-conteudo {

    width: 100% !important;

    padding:
        20px
        25px
        22px !important;


    box-sizing: border-box !important;

    display: flex !important;

    flex-direction: column !important;


    /* >>> ESPAÇO ENTRE ITENS <<< */

    gap: 16px !important;
}



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

.maru-niver-card-beneficio {

    width: 100% !important;

    min-width: 0 !important;


    display: grid !important;


    /* ÍCONE | DIVISÓRIA | TEXTO */

    grid-template-columns:
        30px
        1px
        minmax(0, 1fr) !important;


    column-gap: 16px !important;

    align-items: center !important;
}



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

.maru-niver-card-icone {

    width: 30px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;
}


.maru-niver-card-icone svg {

    /* >>> TAMANHO DOS ÍCONES <<< */

    width: 23px !important;

    height: 23px !important;


    fill: none !important;

    stroke: #525e3a !important;

    stroke-width: 1.25 !important;

    stroke-linecap: round !important;

    stroke-linejoin: round !important;

    display: block !important;
}



/* ============================================================
   DIVISÓRIA AO LADO DO ÍCONE
============================================================ */

.maru-niver-card-divisor {

    display: block !important;

    width: 1px !important;


    /* >>> ALTURA <<< */

    height: 32px !important;


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



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

.maru-niver-card-texto {

    min-width: 0 !important;
}



/* ============================================================
   TÍTULO DO BENEFÍCIO
============================================================ */

.maru-niver-card-texto strong {

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

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


    /* >>> TAMANHO <<< */

    font-size: 9px !important;


    font-weight: 600 !important;

    line-height: 1.35 !important;

    letter-spacing: .01em !important;

    color: #252525 !important;
}



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

.maru-niver-card-texto p {

    margin: 2px 0 0 !important;

    padding: 0 !important;

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


    /* >>> TAMANHO <<< */

    font-size: 8px !important;


    font-weight: 400 !important;

    line-height: 1.4 !important;

    color: #5f4b40 !important;
}



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

@media (min-width: 1440px) {


    .maru-niver-presente-container {

        width: 92% !important;

        padding:
            34px
            0
            42px !important;
    }


    .maru-niver-presente-titulo {

        font-size: 31px !important;
    }


    .maru-niver-presente-subtitulo {

        font-size: 7.5px !important;
    }


    .maru-niver-presente-grid {

        gap: 22px !important;
    }



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

    .maru-niver-card-header {

        min-height: 78px !important;
    }


    .maru-niver-card-foto {

        height: 78px !important;
    }


    .maru-niver-card-dia > span:first-child {

        font-size: 20px !important;
    }



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

    .maru-niver-card-conteudo {

        padding:
            22px
            28px
            25px !important;

        gap: 17px !important;
    }


    .maru-niver-card-texto strong {

        font-size: 9.5px !important;
    }


    .maru-niver-card-texto p {

        font-size: 8.5px !important;
    }

}



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

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


    .maru-niver-presente-container {

        width: 90% !important;

        padding:
            28px
            0
            34px !important;
    }


    .maru-niver-presente-titulo {

        font-size: 26px !important;
    }


    .maru-niver-presente-grid {

        gap: 14px !important;
    }



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

    .maru-niver-card-header {

        grid-template-columns:
            60% 40% !important;

        min-height: 66px !important;
    }


    .maru-niver-card-foto {

        height: 66px !important;
    }


    .maru-niver-card-dia {

        padding: 0 18px !important;

        gap: 10px !important;
    }


    .maru-niver-card-dia > span:first-child {

        font-size: 15px !important;
    }


    .maru-niver-card-dia-linha {

        width: 22px !important;
    }



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

    .maru-niver-card-conteudo {

        padding:
            18px
            18px
            20px !important;

        gap: 14px !important;
    }


    .maru-niver-card-beneficio {

        grid-template-columns:
            26px
            1px
            minmax(0, 1fr) !important;

        column-gap: 11px !important;
    }


    .maru-niver-card-icone {

        width: 26px !important;
    }


    .maru-niver-card-icone svg {

        width: 20px !important;

        height: 20px !important;
    }

}



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

   NO CELULAR:

   TÍTULO
      ↓
   FOTO MOBILE EM LARGURA TOTAL
      ↓
   BENEFÍCIOS

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

@media (max-width: 767px) {


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

    .maru-niver-presente-container {

        width: 90% !important;

        padding:
            30px
            0
            36px !important;
    }



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

    .maru-niver-presente-header {

        margin-bottom: 24px !important;
    }


    .maru-niver-presente-titulo {

        /* >>> TAMANHO DO "CAPRICHAMOS..." <<< */

        font-size: 25px !important;

        line-height: 1.08 !important;
    }


    .maru-niver-presente-subtitulo {

        margin-top: 8px !important;

        font-size: 7px !important;

        line-height: 1.6 !important;

        letter-spacing: .16em !important;
    }



    /* =====================================================
       1 CARD POR LINHA
    ====================================================== */

    .maru-niver-presente-grid {

        grid-template-columns:
            1fr !important;

        gap: 24px !important;
    }



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

    .maru-niver-presente-card {

        width: 100% !important;

        min-width: 0 !important;

        overflow: hidden !important;
    }



    /* =====================================================
       CABEÇALHO DO CARD

       MOBILE:

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

    .maru-niver-card-header {

        display: flex !important;

        flex-direction: column !important;

        width: 100% !important;

        min-height: 0 !important;

        overflow: hidden !important;
    }



    /* =====================================================
       DIA
    ====================================================== */

    .maru-niver-card-dia {

        width: 100% !important;

        min-height: 62px !important;

        padding:
            0
            20px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: flex-start !important;

        gap: 14px !important;

        box-sizing: border-box !important;
    }



    /* =====================================================
       TEXTO DO DIA
    ====================================================== */

    .maru-niver-card-dia > span:first-child {

        /* >>> TAMANHO MOBILE <<< */

        font-size: 16px !important;

        line-height: 1.15 !important;

        white-space: nowrap !important;
    }



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

    .maru-niver-card-dia-linha {

        width: 30px !important;

        height: 1px !important;

        flex-shrink: 0 !important;
    }



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

       >>> OCUPA 100% DA LARGURA <<<
    ====================================================== */

    .maru-niver-card-foto {

        width: 100% !important;


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

           ATUAL:
           115px

           MAIS FINA:
           90px

           MAIS ALTA:
           130px
        ================================================== */

        height: 115px !important;

        min-height: 115px !important;

        overflow: hidden !important;
    }



    /* =====================================================
       =====================================================
          TROCA AUTOMÁTICA PARA A FOTO DO CELULAR
       =====================================================
    ====================================================== */


    /* >>> ESCONDE A FOTO DESKTOP <<< */

    .maru-niver-card-imagem-desktop {

        display: none !important;
    }


    /* >>> MOSTRA A FOTO MOBILE <<< */

    .maru-niver-card-imagem-mobile {

        display: block !important;

        width: 100% !important;

        height: 100% !important;

        object-fit: cover !important;


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

           CENTRALIZADA:
           50% 50%

           MAIS PARA DIREITA:
           60% 50%

           MAIS PARA ESQUERDA:
           40% 50%
        ================================================== */

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



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

    .maru-niver-card-conteudo {

        width: 100% !important;

        padding:
            22px
            20px
            24px !important;

        gap: 20px !important;

        box-sizing: border-box !important;
    }



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

    .maru-niver-card-beneficio {

        width: 100% !important;

        min-width: 0 !important;

        grid-template-columns:
            28px
            1px
            minmax(0, 1fr) !important;

        column-gap: 14px !important;

        align-items: center !important;
    }



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

    .maru-niver-card-icone {

        width: 28px !important;
    }


    .maru-niver-card-icone svg {

        width: 22px !important;

        height: 22px !important;
    }



    /* =====================================================
       DIVISÓRIA
    ====================================================== */

    .maru-niver-card-divisor {

        width: 1px !important;

        height: 34px !important;
    }



    /* =====================================================
       TÍTULO BENEFÍCIO
    ====================================================== */

    .maru-niver-card-texto strong {

        font-size: 9px !important;

        line-height: 1.35 !important;
    }



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

    .maru-niver-card-texto p {

        margin-top: 3px !important;

        font-size: 8.5px !important;

        line-height: 1.5 !important;
    }

}



/* ============================================================
   ============================================================
                  CELULAR PEQUENO — 420PX
   ============================================================
============================================================ */

@media (max-width: 420px) {


    .maru-niver-presente-container {

        width: 89% !important;

        padding:
            27px
            0
            32px !important;
    }



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

    .maru-niver-presente-titulo {

        font-size: 22px !important;
    }


    .maru-niver-presente-subtitulo {

        font-size: 6.5px !important;

        letter-spacing: .14em !important;
    }



    /* =====================================================
       DIA
    ====================================================== */

    .maru-niver-card-dia {

        min-height: 58px !important;

        padding:
            0
            16px !important;

        gap: 10px !important;
    }


    .maru-niver-card-dia > span:first-child {

        font-size: 14px !important;
    }


    .maru-niver-card-dia-linha {

        width: 22px !important;
    }



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

       >>> ALTURA CELULAR PEQUENO <<<
    ====================================================== */

    .maru-niver-card-foto {

        height: 105px !important;

        min-height: 105px !important;
    }



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

    .maru-niver-card-conteudo {

        padding:
            20px
            16px
            22px !important;

        gap: 18px !important;
    }



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

    .maru-niver-card-beneficio {

        grid-template-columns:
            26px
            1px
            minmax(0, 1fr) !important;

        column-gap: 12px !important;
    }


    .maru-niver-card-icone {

        width: 26px !important;
    }


    .maru-niver-card-icone svg {

        width: 20px !important;

        height: 20px !important;
    }


    .maru-niver-card-divisor {

        height: 32px !important;
    }


    .maru-niver-card-texto strong {

        font-size: 8.5px !important;
    }


    .maru-niver-card-texto p {

        font-size: 8px !important;

        line-height: 1.5 !important;
    }

}/* End custom CSS */