.elementor-4958 .elementor-element.elementor-element-79b4b89f{--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-4958 .elementor-element.elementor-element-79b4b89f:not(.elementor-motion-effects-element-type-background), .elementor-4958 .elementor-element.elementor-element-79b4b89f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5F4B40;}.elementor-4958 .elementor-element.elementor-element-1425457e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4958 .elementor-element.elementor-element-1425457e:not(.elementor-motion-effects-element-type-background), .elementor-4958 .elementor-element.elementor-element-1425457e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/vivamaru02desk-scaled.webp");background-position:-106px -219px;background-repeat:no-repeat;background-size:cover;}.elementor-4958 .elementor-element.elementor-element-3e5e05e2{--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-4958 .elementor-element.elementor-element-3e5e05e2:not(.elementor-motion-effects-element-type-background), .elementor-4958 .elementor-element.elementor-element-3e5e05e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8EB;}.elementor-4958 .elementor-element.elementor-element-3587f890{--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-4958 .elementor-element.elementor-element-4bc23228{--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-4958 .elementor-element.elementor-element-7f49fac7{--display:flex;}.elementor-4958 .elementor-element.elementor-element-55e4a7eb{--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-4958 .elementor-element.elementor-element-1406a562{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4958 .elementor-element.elementor-element-1406a562 .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-4958 .elementor-element.elementor-element-a4e2d01{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-4958 .elementor-element.elementor-element-5188600c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-button span{gap:20px;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:16px;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-16px;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-4958 .elementor-element.elementor-element-5188600c .elementor-labels-inline .elementor-field-group > label{padding-left:9px;}body:not(.rtl) .elementor-4958 .elementor-element.elementor-element-5188600c .elementor-labels-inline .elementor-field-group > label{padding-right:9px;}body .elementor-4958 .elementor-element.elementor-element-5188600c .elementor-labels-above .elementor-field-group > label{padding-bottom:9px;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-group > label, .elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-subgroup label{color:#5F4B40;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-group > label{font-family:"Sora", Sans-serif;font-size:13px;font-weight:400;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-type-html{padding-bottom:0px;color:#5F4B40;font-family:"Sora", Sans-serif;font-weight:400;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-group .elementor-field{color:#525E3A;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-group .elementor-field, .elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-subgroup label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FAF8EB;border-color:#A4A4A4;border-radius:0px 0px 0px 0px;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-group .elementor-select-wrapper select{background-color:#FAF8EB;border-color:#A4A4A4;border-radius:0px 0px 0px 0px;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-field-group .elementor-select-wrapper::before{color:#A4A4A4;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-button{font-family:"Sora", Sans-serif;font-size:10px;font-weight:400;}.elementor-4958 .elementor-element.elementor-element-5188600c .e-form__buttons__wrapper__button-next{background-color:#525E3A;color:#ffffff;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-button[type="submit"]{background-color:#525E3A;color:#ffffff;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-4958 .elementor-element.elementor-element-5188600c .e-form__buttons__wrapper__button-previous{background-color:#4C5E29;color:#ffffff;}.elementor-4958 .elementor-element.elementor-element-5188600c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-4958 .elementor-element.elementor-element-5188600c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-4958 .elementor-element.elementor-element-5188600c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-4958 .elementor-element.elementor-element-5188600c{--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-4958 .elementor-element.elementor-element-2cdab49 .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-4958 .elementor-element.elementor-element-2cdab49.elementor-element{--align-self:center;}.elementor-4958 .elementor-element.elementor-element-2cdab49 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4958 .elementor-element.elementor-element-2cdab49 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-4958 .elementor-element.elementor-element-93692b9{--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-4958 .elementor-element.elementor-element-93692b9:not(.elementor-motion-effects-element-type-background), .elementor-4958 .elementor-element.elementor-element-93692b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/10/maru002.webp");background-position:center center;background-size:cover;}@media(min-width:768px){.elementor-4958 .elementor-element.elementor-element-1425457e{--content-width:1600px;}.elementor-4958 .elementor-element.elementor-element-3e5e05e2{--content-width:1600px;}.elementor-4958 .elementor-element.elementor-element-3587f890{--width:50%;}.elementor-4958 .elementor-element.elementor-element-4bc23228{--width:100%;}.elementor-4958 .elementor-element.elementor-element-7f49fac7{--width:99%;}.elementor-4958 .elementor-element.elementor-element-55e4a7eb{--width:100%;}.elementor-4958 .elementor-element.elementor-element-93692b9{--width:50%;}}@media(max-width:1024px){.elementor-4958 .elementor-element.elementor-element-1425457e:not(.elementor-motion-effects-element-type-background), .elementor-4958 .elementor-element.elementor-element-1425457e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/begecel01.webp");background-position:0px 0px;}}@media(max-width:767px){.elementor-4958 .elementor-element.elementor-element-1425457e:not(.elementor-motion-effects-element-type-background), .elementor-4958 .elementor-element.elementor-element-1425457e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/begecel01.webp");background-position:0px 0px;}.elementor-4958 .elementor-element.elementor-element-4bc23228{--padding-top:17px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4958 .elementor-element.elementor-element-55e4a7eb{--margin-top:-26px;--margin-bottom:0px;--margin-left:-13px;--margin-right:0px;}.elementor-4958 .elementor-element.elementor-element-1406a562 .elementor-heading-title{font-size:21px;}.elementor-4958 .elementor-element.elementor-element-93692b9{--min-height:374px;}}@media(min-width:2400px){.elementor-4958 .elementor-element.elementor-element-1425457e:not(.elementor-motion-effects-element-type-background), .elementor-4958 .elementor-element.elementor-element-1425457e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marugastrobar.com.br/wp-content/uploads/2026/09/vivamaru02deskwind-scaled.webp");}}/* Start custom CSS for html, class: .elementor-element-1530db0f *//* ============================================================
   ============================================================
                     MARÚ GASTROBAR
                         RESERVAS
   ============================================================
   ============================================================ */


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

.maru-reservas-hero {

    position: relative !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    overflow: hidden !important;

    background: transparent !important;

    background-color: transparent !important;

    background-image: none !important;

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

    padding: 70px 0 72px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}



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

.maru-reservas-container {

    position: relative !important;

    z-index: 3 !important;

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

    width: 72% !important;

    margin: 0 auto !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    /* >>> ESPAÇO ENTRE TEXTO E VISUAL <<< */

    gap: 45px !important;

    box-sizing: border-box !important;

    background: transparent !important;
}



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

.maru-reservas-conteudo {

    position: relative !important;

    z-index: 5 !important;

    flex: 1 1 auto !important;

    width: auto !important;

    max-width: 680px !important;

    background: transparent !important;
}



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

.maru-reservas-label {

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    margin: 0 0 15px !important;
}


.maru-reservas-label-texto {

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

    font-size: 10px !important;

    font-weight: 500 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;

    white-space: nowrap !important;
}


.maru-reservas-label-linha {

    display: block !important;

    width: 38px !important;

    height: 1px !important;

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

    flex-shrink: 0 !important;
}



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

.maru-reservas-titulo {

    margin: 0 !important;

    padding: 0 !important;

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

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

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

    font-weight: 400 !important;

    line-height: .96 !important;

    letter-spacing: -.015em !important;

    color: #525e3a !important;
}



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

.maru-reservas-texto {

    margin: 20px 0 0 !important;

    padding: 0 !important;

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

    font-size: 12px !important;

    font-weight: 400 !important;

    line-height: 1.7 !important;

    color: #5f4b40 !important;
}


.desktop-br {

    display: block !important;
}



/* ============================================================
   FOLHAGEM ESQUERDA
============================================================ */

.maru-reservas-sombra {

    position: absolute !important;

    z-index: 1 !important;

    left: -65px !important;

    top: -35px !important;

    width: 245px !important;

    height: auto !important;

    opacity: .13 !important;

    filter: blur(3px) !important;

    pointer-events: none !important;

    user-select: none !important;
}



/* ============================================================
   ============================================================
                  ÁREA DIREITA
               VÍDEO + LOGO MARÚ
   ============================================================
============================================================ */

.maru-reservas-visual {

    position: relative !important;

    flex: 0 0 310px !important;

    width: 310px !important;

    min-height: 230px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    box-sizing: border-box !important;
}



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

.maru-reservas-reels {

    position: relative !important;

    z-index: 5 !important;

    /* >>> TAMANHO DO VÍDEO <<< */

    width: 132px !important;

    aspect-ratio: 9 / 16 !important;

    flex: 0 0 auto !important;

    padding: 0 !important;

    margin: 0 !important;

    border: 0 !important;

    outline: none !important;

    border-radius: 12px !important;

    overflow: hidden !important;

    cursor: pointer !important;

    background: #000 !important;

    box-shadow:
        0 10px 28px rgba(60,47,40,.10) !important;

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


.maru-reservas-reels:hover {

    transform: translateY(-2px) !important;

    box-shadow:
        0 15px 34px rgba(60,47,40,.15) !important;
}



/* ============================================================
   VÍDEO
============================================================ */

.maru-reservas-reels-video {

    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    transform: scale(1.01) !important;

    transition: transform .6s ease !important;
}


.maru-reservas-reels:hover
.maru-reservas-reels-video {

    transform: scale(1.03) !important;
}



/* ============================================================
   OVERLAY
============================================================ */

.maru-reservas-reels-overlay {

    position: absolute !important;

    z-index: 2 !important;

    inset: 0 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.01) 40%,
            rgba(0,0,0,.20) 100%
        ) !important;
}



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

.maru-reservas-reels-mudo {

    position: absolute !important;

    z-index: 5 !important;

    top: 9px !important;

    right: 9px !important;

    width: 18px !important;

    height: 18px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    color: #ffffff !important;

    pointer-events: none !important;
}


.maru-reservas-reels-mudo svg {

    width: 14px !important;

    height: 14px !important;

    fill: #ffffff !important;
}


.maru-reservas-mute-line {

    fill: none !important;

    stroke: #ffffff !important;

    stroke-width: 1.8 !important;
}



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

.maru-reservas-reels-play {

    position: absolute !important;

    z-index: 5 !important;

    top: 50% !important;

    left: 50% !important;

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

    width: 35px !important;

    height: 35px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border:
        1px solid rgba(255,255,255,.75) !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-reservas-reels-play svg {

    width: 14px !important;

    height: 14px !important;

    fill: #ffffff !important;

    margin-left: 2px !important;
}



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

.maru-reservas-reels-legenda {

    position: absolute !important;

    z-index: 5 !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-reservas-reels-seta {

    font-size: 11px !important;

    line-height: 1 !important;
}



/* ============================================================
   ============================================================
                     LOGO MARÚ

   IMPORTANTE:
   NÃO EXISTE OPACITY REDUZIDA AQUI.

   A IMAGEM APARECE EXATAMENTE COM A TRANSPARÊNCIA
   QUE JÁ EXISTE NO ARQUIVO ORIGINAL.
   ============================================================
============================================================ */

.maru-reservas-simbolo {

    position: absolute !important;

    z-index: 2 !important;


    /* =====================================================
       >>> POSIÇÃO HORIZONTAL DA LOGO <<<

       145px = posição atual

       MAIS PARA DIREITA:
       155px / 165px

       MAIS PARA ESQUERDA:
       135px / 125px
    ====================================================== */

    left: 145px !important;


    /* >>> CENTRALIZA VERTICALMENTE <<< */

    top: 50% !important;

    transform: translateY(-50%) !important;


    /* =====================================================
       >>> TAMANHO DA LOGO <<<

       Atual: 165px

       Maior:
       180px / 190px

       Menor:
       150px
    ====================================================== */

    width: 165px !important;

    height: auto !important;


    /*
       NÃO COLOCAR:
       opacity: .17;
       opacity: .15;
       opacity: .20;
    */


    pointer-events: none !important;

    user-select: none !important;
}


.maru-reservas-simbolo-img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    object-fit: contain !important;


    /* =====================================================
       NÃO ALTERA A TRANSPARÊNCIA DA IMAGEM
    ====================================================== */

    opacity: 1 !important;

    filter: none !important;
}



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

.maru-reservas-informacoes {

    position: relative !important;

    z-index: 3 !important;

    width: 94% !important;

    max-width: none !important;

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

    margin: 55px auto 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}



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

.maru-reservas-info-label {

    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    margin: 0 0 22px !important;
}


.maru-reservas-info-label-texto {

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

    font-size: 9px !important;

    font-weight: 500 !important;

    line-height: 1.2 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;
}


.maru-reservas-info-label-linha {

    display: block !important;

    width: 38px !important;

    height: 1px !important;

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

    flex-shrink: 0 !important;
}



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

.maru-reservas-info-grid {

    width: 100% !important;

    display: grid !important;

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

    gap: 0 !important;

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

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

    box-sizing: border-box !important;
}



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

.maru-reservas-info-item {

    position: relative !important;

    padding: 28px 24px !important;

    min-height: 145px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: flex-start !important;

    box-sizing: border-box !important;
}


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

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



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

.maru-reservas-info-titulo {

    display: block !important;

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

    font-size: 8px !important;

    font-weight: 600 !important;

    line-height: 1.35 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;

    margin: 0 0 14px !important;
}


.maru-reservas-info-destaque {

    margin: 0 !important;

    padding: 0 !important;

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

    font-size: 13px !important;

    font-weight: 500 !important;

    line-height: 1.4 !important;

    color: #5f4b40 !important;
}


.maru-reservas-info-descricao {

    margin: 7px 0 0 !important;

    padding: 0 !important;

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

    font-size: 10px !important;

    font-weight: 400 !important;

    line-height: 1.55 !important;

    color: #5f4b40 !important;

    opacity: .88 !important;
}



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

.maru-reservas-programacao {

    width: 100% !important;

    display: flex !important;

    align-items: flex-end !important;

    justify-content: space-between !important;

    gap: 40px !important;

    margin: 30px 0 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


.maru-reservas-programacao-texto {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 6px !important;
}


.maru-reservas-programacao-label {

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

    font-size: 8px !important;

    font-weight: 600 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;
}


.maru-reservas-programacao-texto p {

    margin: 0 !important;

    padding: 0 !important;

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

    font-size: 11px !important;

    font-weight: 400 !important;

    line-height: 1.5 !important;

    color: #5f4b40 !important;
}



/* ============================================================
   LINK
============================================================ */

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

    display: inline-flex !important;

    align-items: center !important;

    gap: 12px !important;

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

    font-size: 9px !important;

    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;

    color: #525e3a !important;

    text-decoration: none !important;

    background: transparent !important;

    outline: none !important;

    box-shadow: none !important;
}


.maru-reservas-programacao-link {

    transition: opacity .25s ease !important;
}


.maru-reservas-programacao-link:hover {

    opacity: .60 !important;
}


.maru-reservas-programacao-seta {

    display: inline-block !important;

    font-size: 15px !important;

    line-height: 1 !important;

    transition: transform .25s ease !important;
}


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

    transform: translateX(4px) !important;
}



/* ============================================================
   PROTEÇÃO ELEMENTOR
============================================================ */

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

    color: inherit !important;

    text-decoration: none !important;

    outline: none !important;

    box-shadow: none !important;
}



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

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


.maru-reservas-modal.is-open {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;
}



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

.maru-reservas-modal-fundo {

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;

    height: 100% !important;

    padding: 0 !important;

    border: 0 !important;

    outline: none !important;

    background: rgba(22,20,17,.90) !important;

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

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

    cursor: pointer !important;
}



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

.maru-reservas-modal-conteudo {

    position: relative !important;

    z-index: 2 !important;

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

    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,.35) !important;
}


.maru-reservas-modal-video {

    display: block !important;

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    background: #000 !important;
}



/* ============================================================
   FECHAR
============================================================ */

.maru-reservas-modal-fechar {

    position: absolute !important;

    z-index: 10 !important;

    top: -40px !important;

    right: 0 !important;

    width: 32px !important;

    height: 32px !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-reservas-modal-fechar:hover {

    opacity: 1 !important;
}


body.maru-reservas-modal-aberto {

    overflow: hidden !important;
}



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

@media (min-width: 1440px) {


    .maru-reservas-hero {

        padding: 78px 0 80px !important;
    }


    .maru-reservas-container {

        width: 72% !important;
    }


    .maru-reservas-titulo {

        font-size: 64px !important;
    }


    /* >>> VÍDEO <<< */

    .maru-reservas-reels {

        width: 140px !important;
    }


    /* >>> ÁREA VISUAL <<< */

    .maru-reservas-visual {

        flex-basis: 330px !important;

        width: 330px !important;
    }


    /* =====================================================
       >>> LOGO DESKTOP GRANDE <<<

       SEM ALTERAÇÃO DE OPACIDADE.
    ====================================================== */

    .maru-reservas-simbolo {

        left: 155px !important;

        width: 175px !important;
    }


    .maru-reservas-simbolo-img {

        opacity: 1 !important;

        filter: none !important;
    }


    .maru-reservas-informacoes {

        width: 94% !important;

        margin-top: 60px !important;
    }

}



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

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


    .maru-reservas-hero {

        padding: 60px 0 !important;
    }


    .maru-reservas-container {

        width: 86% !important;

        gap: 25px !important;
    }


    .maru-reservas-conteudo {

        max-width: 58% !important;
    }


    .maru-reservas-titulo {

        font-size: 46px !important;
    }


    .desktop-br {

        display: none !important;
    }


    /* =====================================================
       VISUAL
    ====================================================== */

    .maru-reservas-visual {

        flex: 0 0 250px !important;

        width: 250px !important;

        min-height: 215px !important;
    }


    /* >>> VÍDEO <<< */

    .maru-reservas-reels {

        width: 120px !important;
    }


    /* =====================================================
       >>> LOGO TABLET <<<

       SEM OPACITY REDUZIDA.
    ====================================================== */

    .maru-reservas-simbolo {

        left: 130px !important;

        width: 120px !important;
    }


    .maru-reservas-simbolo-img {

        opacity: 1 !important;

        filter: none !important;
    }


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

    .maru-reservas-informacoes {

        width: 90% !important;

        margin-top: 55px !important;
    }


    .maru-reservas-info-grid {

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


    .maru-reservas-info-item {

        min-height: 130px !important;

        border-right: 0 !important;

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


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

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


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

        border-bottom: 0 !important;
    }

}



/* ============================================================
   ============================================================
                           MOBILE
                           ≤767PX
   ============================================================
============================================================ */

@media (max-width: 767px) {


    .maru-reservas-hero {

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


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

    .maru-reservas-container {

        width: 100% !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        justify-content: flex-start !important;

        gap: 30px !important;
    }


    .maru-reservas-conteudo {

        width: 100% !important;

        max-width: none !important;

        text-align: left !important;
    }


    /* LABEL */

    .maru-reservas-label {

        margin-bottom: 14px !important;
    }


    .maru-reservas-label-texto {

        font-size: 9px !important;
    }


    .maru-reservas-label-linha {

        width: 28px !important;
    }


    /* TÍTULO */

    .maru-reservas-titulo {

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

        line-height: .98 !important;
    }


    /* TEXTO */

    .maru-reservas-texto {

        margin-top: 18px !important;

        font-size: 12px !important;

        line-height: 1.7 !important;

        max-width: 94% !important;
    }


    .desktop-br {

        display: none !important;
    }


    /* =====================================================
       ÁREA DO VÍDEO MOBILE
    ====================================================== */

    .maru-reservas-visual {

        position: relative !important;

        width: 100% !important;

        min-height: 0 !important;

        flex: none !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    /* =====================================================
       VÍDEO MOBILE

       >>> ALTERAR TAMANHO AQUI <<<
    ====================================================== */

    .maru-reservas-reels {

        width: 145px !important;

        margin: 0 auto !important;

        transform: none !important;

        border-radius: 11px !important;
    }


    .maru-reservas-reels:hover {

        transform: none !important;
    }


    /* =====================================================
       LOGO NO MOBILE

       Na referência enviada, ela não aparece ao lado do vídeo.
       Por isso fica escondida SOMENTE no celular.

       IMPORTANTE:
       Isso NÃO altera transparência.
    ====================================================== */

    .maru-reservas-simbolo {

        display: none !important;
    }


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

    .maru-reservas-sombra {

        left: -80px !important;

        top: -20px !important;

        width: 210px !important;

        opacity: .09 !important;
    }


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

    .maru-reservas-informacoes {

        width: 100% !important;

        max-width: none !important;

        margin: 45px auto 0 !important;
    }


    .maru-reservas-info-label {

        margin-bottom: 18px !important;
    }


    .maru-reservas-info-label-texto {

        font-size: 8.5px !important;
    }


    .maru-reservas-info-label-linha {

        width: 28px !important;
    }


    .maru-reservas-info-grid {

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


    .maru-reservas-info-item {

        min-height: 0 !important;

        padding: 22px 2px !important;

        border-right: 0 !important;

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


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

        border-bottom: 0 !important;
    }


    .maru-reservas-info-titulo {

        font-size: 8px !important;

        margin-bottom: 10px !important;
    }


    .maru-reservas-info-destaque {

        font-size: 13px !important;
    }


    .maru-reservas-info-descricao {

        font-size: 10px !important;
    }


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

    .maru-reservas-programacao {

        flex-direction: column !important;

        align-items: flex-start !important;

        justify-content: flex-start !important;

        gap: 18px !important;

        margin-top: 26px !important;
    }


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

        font-size: 8.5px !important;
    }


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

    .maru-reservas-modal {

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


    .maru-reservas-modal-conteudo {

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

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

}



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

@media (max-width: 420px) {


    .maru-reservas-hero {

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


    .maru-reservas-titulo {

        font-size: 38px !important;

        line-height: .98 !important;
    }


    .maru-reservas-texto {

        font-size: 11.5px !important;

        max-width: 100% !important;
    }


    .maru-reservas-label-linha {

        width: 22px !important;
    }


    /* >>> TAMANHO DO VÍDEO MOBILE PEQUENO <<< */

    .maru-reservas-reels {

        width: 138px !important;
    }


    .maru-reservas-informacoes {

        width: 100% !important;

        margin: 40px auto 0 !important;
    }


    .maru-reservas-info-label-texto {

        font-size: 8px !important;
    }


    .maru-reservas-info-label-linha {

        width: 22px !important;
    }


    .maru-reservas-info-item {

        padding: 20px 2px !important;
    }


    .maru-reservas-info-destaque {

        font-size: 12.5px !important;
    }


    .maru-reservas-info-descricao {

        font-size: 9.5px !important;
    }


    .maru-reservas-programacao-texto p {

        font-size: 10.5px !important;
    }


    .maru-reservas-programacao-link {

        font-size: 8px !important;
    }

}/* End custom CSS */