.elementor-1024 .elementor-element.elementor-element-ec3355b{--display:flex;}.elementor-1024 .elementor-element.elementor-element-13c83d2{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:128px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-13c83d2:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-13c83d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E1D6;}.elementor-1024 .elementor-element.elementor-element-283669c{--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;}.elementor-1024 .elementor-element.elementor-element-82b6e82{--display:flex;}.elementor-1024 .elementor-element.elementor-element-eaceffb{--display:flex;--justify-content:center;}.elementor-1024 .elementor-element.elementor-element-3016ee1{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-3016ee1:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-3016ee1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-49816e1{--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;}.elementor-1024 .elementor-element.elementor-element-0cd4a74{--display:flex;}.elementor-1024 .elementor-element.elementor-element-c74cf6e{--display:flex;--justify-content:center;}.elementor-1024 .elementor-element.elementor-element-6800bd5{--display:flex;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1024 .elementor-element.elementor-element-17e70ba{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-17e70ba:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-17e70ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-33d95d9{--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;}.elementor-1024 .elementor-element.elementor-element-408ab27{--display:flex;}.elementor-1024 .elementor-element.elementor-element-3558170{--display:flex;--justify-content:center;}.elementor-1024 .elementor-element.elementor-element-f846e76{--display:flex;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1024 .elementor-element.elementor-element-74f2564{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-74f2564:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-74f2564 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-eb227c4{--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;}.elementor-1024 .elementor-element.elementor-element-5cc313a{--display:flex;}.elementor-1024 .elementor-element.elementor-element-d7fb8f0{--display:flex;--justify-content:center;}.elementor-1024 .elementor-element.elementor-element-d4aa1c7{--display:flex;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1024 .elementor-element.elementor-element-06eec50{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-06eec50:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-06eec50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-26345cb{--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;}.elementor-1024 .elementor-element.elementor-element-9f1ddd1{--display:flex;}.elementor-1024 .elementor-element.elementor-element-e826c15{--display:flex;--justify-content:center;}.elementor-1024 .elementor-element.elementor-element-d44d6c3{--display:flex;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1024 .elementor-element.elementor-element-6665042{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-6665042:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-6665042 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-244a372{--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;}.elementor-1024 .elementor-element.elementor-element-e23ae18{--display:flex;}.elementor-1024 .elementor-element.elementor-element-561d01d{--display:flex;--justify-content:center;}.elementor-1024 .elementor-element.elementor-element-ce076ab{--display:flex;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1024 .elementor-element.elementor-element-9d52192{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-9d52192:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-9d52192 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-f0ab95b{--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;}.elementor-1024 .elementor-element.elementor-element-ddc532a{--display:flex;}.elementor-1024 .elementor-element.elementor-element-cdcbfea{--display:flex;--justify-content:center;}.elementor-1024 .elementor-element.elementor-element-0b0e4bb{--display:flex;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1024 .elementor-element.elementor-element-3ad3959{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-3ad3959:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-3ad3959 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-b751276{--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;}.elementor-1024 .elementor-element.elementor-element-3e22329{--display:flex;}.elementor-1024 .elementor-element.elementor-element-233d39b{--display:flex;--justify-content:center;}.elementor-1024 .elementor-element.elementor-element-f3e8c83{--display:flex;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1024 .elementor-element.elementor-element-e75841a{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-e75841a:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-e75841a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-643b62e{--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;}.elementor-1024 .elementor-element.elementor-element-650abc0{--display:flex;}.elementor-1024 .elementor-element.elementor-element-1b7870b{--display:flex;--justify-content:center;}.elementor-1024 .elementor-element.elementor-element-0cd0e08{--display:flex;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1024 .elementor-element.elementor-element-a937560{--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:96px 96px;--row-gap:96px;--column-gap:96px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:96px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-a937560:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-a937560 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-2bc8a5c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1024 .elementor-element.elementor-element-8a30a22 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1024 .elementor-element.elementor-element-8ad8a48 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1024 .elementor-element.elementor-element-fdf01da{--display:flex;--justify-content:center;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1024 .elementor-element.elementor-element-b550692 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1024 .elementor-element.elementor-element-7cb244e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-7cb244e:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-7cb244e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-d553d00{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:96px;--padding-bottom:128px;--padding-left:32px;--padding-right:32px;}.elementor-1024 .elementor-element.elementor-element-d553d00:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-d553d00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-aba32a1 );}.elementor-1024 .elementor-element.elementor-element-5b9db21{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1024 .elementor-element.elementor-element-1ca128f{--display:flex;}.elementor-1024 .elementor-element.elementor-element-0f97832{--display:flex;}.elementor-1024 .elementor-element.elementor-element-0f97832:not(.elementor-motion-effects-element-type-background), .elementor-1024 .elementor-element.elementor-element-0f97832 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d4887a5 );}.elementor-1024 .elementor-element.elementor-element-4a6316a{--display:flex;}@media(max-width:1024px){.elementor-1024 .elementor-element.elementor-element-13c83d2{--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-1024 .elementor-element.elementor-element-3016ee1{--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-1024 .elementor-element.elementor-element-17e70ba{--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-1024 .elementor-element.elementor-element-74f2564{--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-1024 .elementor-element.elementor-element-06eec50{--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-1024 .elementor-element.elementor-element-6665042{--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-1024 .elementor-element.elementor-element-9d52192{--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-1024 .elementor-element.elementor-element-3ad3959{--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-1024 .elementor-element.elementor-element-e75841a{--gap:64px 64px;--row-gap:64px;--column-gap:64px;}.elementor-1024 .elementor-element.elementor-element-a937560{--gap:64px 64px;--row-gap:64px;--column-gap:64px;}}@media(max-width:767px){.elementor-1024 .elementor-element.elementor-element-13c83d2{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-3016ee1{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-17e70ba{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-74f2564{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-06eec50{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-6665042{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-9d52192{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-3ad3959{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-e75841a{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-a937560{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-2bc8a5c.e-con{--order:-99999 /* order start hack */;}.elementor-1024 .elementor-element.elementor-element-fdf01da.e-con{--order:-99999 /* order start hack */;}.elementor-1024 .elementor-element.elementor-element-7cb244e{--padding-top:32px;--padding-bottom:32px;--padding-left:20px;--padding-right:20px;}.elementor-1024 .elementor-element.elementor-element-d553d00{--padding-top:32px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-7a2360c *//* 192 · Acomodações · hero */

/* HERO DE PÁGINA INTERNA — é o kit que as outras páginas herdam.
   Um pouco mais baixo que o da home (85vh contra 100svh) e sem intro: a pessoa
   já está dentro do site, a abertura teatral é só da porta de entrada.
   NO PAINEL: seção em largura total, sem container, padding 0,
   Estouro: oculto. */
.pg-hero{
  position:relative;
  /* teto em 1400: com valores menores a altura deixava de ser 85vh
     em monitor alto — num 1440 de altura ela saía com 72vh. O teto
     existe só pra tela em pé, onde 85vh viraria uma faixa absurda. */
  height:clamp(520px, 85vh, 1400px);
  overflow:hidden;
  background-color:var(--mg-mata-fundo);
  display:flex;
  align-items:flex-end;
}
@supports (height:1svh){
  /* svh: no celular a barra de endereço some ao rolar e o vh cresce
     no meio do movimento */
  .pg-hero{height:clamp(520px, 85svh, 1400px)}
}

/* -20% em cima e embaixo: é a folga que o parallax usa. Sem ela a
   foto mostraria borda ao deslizar. A conta: a foto fica com 140% da
   altura da moldura, e o deslocamento máximo do JS (13% da altura
   PRÓPRIA dela) dá 18,2% da moldura — dentro dos 20% de folga. */
.pg-hero__bg{
  position:absolute;
  inset:-20% 0;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

/* véu igual ao do hero da home: degradê no topo (leitura do header),
   degradê na base (onde vive o texto) e vinheta fechando os cantos.
   Números copiados do arquivo 22 — se o hero da home mudar, este
   muda junto, na mão, porque são blocos independentes. */
.pg-hero__veu{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(6,16,10,.6) 0%, rgba(6,16,10,.28) 12%,
      rgba(6,16,10,.08) 22%, rgba(6,16,10,0) 30%),
    linear-gradient(0deg,
      rgba(6,16,10,.9) 0%, rgba(6,16,10,.7) 16%,
      rgba(6,16,10,.4) 34%, rgba(6,16,10,.12) 52%,
      rgba(6,16,10,0) 64%),
    radial-gradient(ellipse 110% 95% at 58% 42%,
      rgba(6,16,10,0) 40%, rgba(6,16,10,.28) 74%, rgba(6,16,10,.55) 100%);
}

.pg-hero__in{
  position:relative;
  z-index:2;
  width:100%;
  padding-bottom:clamp(40px, 5.4vw, 72px);
}
.pg-hero__grade{
  width:100%;
  max-width:calc(var(--mg-grid) + 2 * var(--mg-pad-x));
  margin:0 auto;
  padding:0 var(--mg-pad-x);
  box-sizing:border-box;
}

/* maior que os títulos de seção (29,6px), bem menor que o da home
   (72px a 1440). A hierarquia fica: home 72 · hero interno 51 ·
   seção 29,6. O divisor continua mandando nas telas estreitas. */
.pg-hero__titulo{--d3-max:3.2rem}

@media (max-width:900px){
  .pg-hero{height:clamp(440px, 70vh, 720px)}
  @supports (height:1svh){
    .pg-hero{height:clamp(440px, 70svh, 720px)}
  }
  .pg-hero__titulo{--d3-max:2rem}
}

/* estado antes da animação — segurado pelo script do arquivo 71.
   A foto entra levemente ampliada e assenta em 1: é o zoom de
   entrada, o mesmo gesto do hero da home, só que mais curto. */
html.mg-pg-pending .pg-hero__bg{transform:scale(1.08)}
html.mg-pg-pending .pg-hero .mg-d3-title__line > span{transform:translate3d(0,120%,0)}
html.mg-pg-pending .pg-hero .mg-eyebrow{opacity:0}
body.elementor-editor-active .pg-hero .mg-d3-title__line > span{transform:none !important}
body.elementor-editor-active .pg-hero .mg-eyebrow{opacity:1 !important}
body.elementor-editor-active .pg-hero__bg{transform:none !important}

/* ---------- foto própria pra tela em pé ----------
   No celular a moldura é alta e o cover cortaria as laterais da foto
   larga, sobrando um pedaço sem contexto.
   !important porque a URL do desktop vem no estilo INLINE do arquivo
   151, e inline ganha de classe — só o !important passa na frente. */
@media (max-width:767px){
  .pg-hero__bg{
    background-image:url('https://mangarito.com.br/wp-content/uploads/2026/09/bg-spa-mobile.webp') !important;
    background-position:50% 50%;
  }
}

/* ---------- foto própria pra tela em pé ----------
   No celular a moldura é alta e o cover cortaria as laterais da foto
   larga, sobrando um pedaço sem contexto.
   !important porque a URL do desktop vem no estilo INLINE do arquivo
   191, e inline ganha de classe — só o !important passa na frente. */
@media (max-width:767px){
  .pg-hero__bg{
    background-image:url('https://mangarito.com.br/wp-content/uploads/2026/09/bg-acomodacoes-mobile.webp') !important;
    background-position:50% 50%;
  }
}

/* ═══ O DIVISOR PRECISA DE ESCOPO ═══
   Auditoria: os arquivos de headline das seções definem
   `.mg-d3-title{--d3-div}` SEM escopo, então o último carregado
   vencia pra página inteira — inclusive pro hero. Resultado medido:
   a linha longa do hero vazava a 390px, a largura de celular mais
   comum, porque ele acabava usando o divisor de outra seção.

   `.pg-hero .mg-d3-title` tem duas classes e vence qualquer regra de
   uma só, independente da ordem de carregamento.
   Remedido na revisão de setembro: "Seis jeitos" virou "Oito jeitos".
   5,08em na primeira linha, 8,96 + 1,15 de recuo na segunda. */
.pg-hero .mg-d3-title{--d3-div:10.6}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23573b6 *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd6e446 *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00d26ab *//* 201 · Acomodações · fita de fotos
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */

/* Vazada dos dois lados até a margem lateral do site. Quem escreve o
   --fita-out é o JS (arquivo 190), MEDINDO: 100vw conta a barra de
   rolagem e conta fixa não serve em todas as larguras.
   NO PAINEL: seção normal, na grade, com Estouro: oculto. */
.mg-fita{
  --fita-out:0px;
  margin:0 calc(var(--fita-out) * -1);
}

/* rolagem nativa: no toque funciona sem JS nenhum, e no desktop o
   JS acrescenta arrastar com o ponteiro */
.mg-fita__trilho{
  display:flex;
  gap:clamp(8px, 1vw, 16px);
  overflow-x:auto;
  overscroll-behavior-x:contain;
  /* SEM scroll-snap: depois de um arrasto livre, o snap puxa a foto
     pro lugar num tranco e o movimento lê como brusco. Quem dá o
     acabamento aqui é a inércia no JS, não o encaixe. */
  scroll-padding-inline:var(--mg-pad-x);
  scrollbar-width:none;              /* Firefox */
  -ms-overflow-style:none;
  padding:0 var(--mg-pad-x);         /* respira na borda nas pontas */
  cursor:grab;
}
.mg-fita__trilho::-webkit-scrollbar{display:none}
.mg-fita__trilho.is-dragging{cursor:grabbing}
.mg-fita__trilho:focus{outline:none}
.mg-fita__trilho:focus-visible{outline:2px solid var(--c-head);outline-offset:3px}

/* todas do mesmo tamanho: as fotos são 900x600, então 3:2 não corta
   nada. Retas e alinhadas, como na referência.

   37vw dá ~2,5 fotos por tela em qualquer largura — e 2,5 é
   proposital: a meia foto cortada na borda avisa que tem mais
   adiante. Com 3 inteiras, a fita parece terminar ali.
   Como não há zoom nem abrir a foto, este é o tamanho máximo em que
   a pessoa vai ver cada imagem: vale o espaço. */
.mg-fita__item{
  position:relative;
  flex:0 0 clamp(300px, 37vw, 900px);
  aspect-ratio:3/2;
  margin:0;
  overflow:hidden;
  background:rgba(47,79,62,.08);
}
.mg-fita__item > i{
  display:block;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

/* mesma assinatura das outras fotos do site */
.mg-fita__item::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(47,79,62,.10);
  pointer-events:none;
}

@media (max-width:767px){
  .mg-fita__item{flex-basis:clamp(260px, 82vw, 360px)}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c585cfa *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4ebe56 *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7093845 *//* 201 · Acomodações · fita de fotos
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */

/* Vazada dos dois lados até a margem lateral do site. Quem escreve o
   --fita-out é o JS (arquivo 190), MEDINDO: 100vw conta a barra de
   rolagem e conta fixa não serve em todas as larguras.
   NO PAINEL: seção normal, na grade, com Estouro: oculto. */
.mg-fita{
  --fita-out:0px;
  margin:0 calc(var(--fita-out) * -1);
}

/* rolagem nativa: no toque funciona sem JS nenhum, e no desktop o
   JS acrescenta arrastar com o ponteiro */
.mg-fita__trilho{
  display:flex;
  gap:clamp(8px, 1vw, 16px);
  overflow-x:auto;
  overscroll-behavior-x:contain;
  /* SEM scroll-snap: depois de um arrasto livre, o snap puxa a foto
     pro lugar num tranco e o movimento lê como brusco. Quem dá o
     acabamento aqui é a inércia no JS, não o encaixe. */
  scroll-padding-inline:var(--mg-pad-x);
  scrollbar-width:none;              /* Firefox */
  -ms-overflow-style:none;
  padding:0 var(--mg-pad-x);         /* respira na borda nas pontas */
  cursor:grab;
}
.mg-fita__trilho::-webkit-scrollbar{display:none}
.mg-fita__trilho.is-dragging{cursor:grabbing}
.mg-fita__trilho:focus{outline:none}
.mg-fita__trilho:focus-visible{outline:2px solid var(--c-head);outline-offset:3px}

/* todas do mesmo tamanho: as fotos são 900x600, então 3:2 não corta
   nada. Retas e alinhadas, como na referência.

   37vw dá ~2,5 fotos por tela em qualquer largura — e 2,5 é
   proposital: a meia foto cortada na borda avisa que tem mais
   adiante. Com 3 inteiras, a fita parece terminar ali.
   Como não há zoom nem abrir a foto, este é o tamanho máximo em que
   a pessoa vai ver cada imagem: vale o espaço. */
.mg-fita__item{
  position:relative;
  flex:0 0 clamp(300px, 37vw, 900px);
  aspect-ratio:3/2;
  margin:0;
  overflow:hidden;
  background:rgba(47,79,62,.08);
}
.mg-fita__item > i{
  display:block;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

/* mesma assinatura das outras fotos do site */
.mg-fita__item::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(47,79,62,.10);
  pointer-events:none;
}

@media (max-width:767px){
  .mg-fita__item{flex-basis:clamp(260px, 82vw, 360px)}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-967439a *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fe2aad *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a4ac8d *//* 201 · Acomodações · fita de fotos
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */

/* Vazada dos dois lados até a margem lateral do site. Quem escreve o
   --fita-out é o JS (arquivo 190), MEDINDO: 100vw conta a barra de
   rolagem e conta fixa não serve em todas as larguras.
   NO PAINEL: seção normal, na grade, com Estouro: oculto. */
.mg-fita{
  --fita-out:0px;
  margin:0 calc(var(--fita-out) * -1);
}

/* rolagem nativa: no toque funciona sem JS nenhum, e no desktop o
   JS acrescenta arrastar com o ponteiro */
.mg-fita__trilho{
  display:flex;
  gap:clamp(8px, 1vw, 16px);
  overflow-x:auto;
  overscroll-behavior-x:contain;
  /* SEM scroll-snap: depois de um arrasto livre, o snap puxa a foto
     pro lugar num tranco e o movimento lê como brusco. Quem dá o
     acabamento aqui é a inércia no JS, não o encaixe. */
  scroll-padding-inline:var(--mg-pad-x);
  scrollbar-width:none;              /* Firefox */
  -ms-overflow-style:none;
  padding:0 var(--mg-pad-x);         /* respira na borda nas pontas */
  cursor:grab;
}
.mg-fita__trilho::-webkit-scrollbar{display:none}
.mg-fita__trilho.is-dragging{cursor:grabbing}
.mg-fita__trilho:focus{outline:none}
.mg-fita__trilho:focus-visible{outline:2px solid var(--c-head);outline-offset:3px}

/* todas do mesmo tamanho: as fotos são 900x600, então 3:2 não corta
   nada. Retas e alinhadas, como na referência.

   37vw dá ~2,5 fotos por tela em qualquer largura — e 2,5 é
   proposital: a meia foto cortada na borda avisa que tem mais
   adiante. Com 3 inteiras, a fita parece terminar ali.
   Como não há zoom nem abrir a foto, este é o tamanho máximo em que
   a pessoa vai ver cada imagem: vale o espaço. */
.mg-fita__item{
  position:relative;
  flex:0 0 clamp(300px, 37vw, 900px);
  aspect-ratio:3/2;
  margin:0;
  overflow:hidden;
  background:rgba(47,79,62,.08);
}
.mg-fita__item > i{
  display:block;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

/* mesma assinatura das outras fotos do site */
.mg-fita__item::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(47,79,62,.10);
  pointer-events:none;
}

@media (max-width:767px){
  .mg-fita__item{flex-basis:clamp(260px, 82vw, 360px)}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dac694a *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a4e18a *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6bcc3e3 *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b4a7bc *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-971e1a0 *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6325156 *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-536bcfb *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e46366 *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-544316f *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0f3c8b *//* 197 · Acomodações · nome da acomodação */

/* Título MENOR que o das seções, e sem máscara.
   Por quê: esta página repete o bloco seis vezes. Seis títulos em
   29,6px com animação de máscara competiriam entre si e com a
   headline do hero — a hierarquia viraria plana. Aqui o nome é
   rótulo de item de lista, não título de seção.
   Este arquivo serve às SEIS acomodações: cole ele uma vez só. */
h2.mg-ac-nome{
  margin:0 0 14px;
  font-family:var(--mg-font);
  font-size:clamp(1.375rem, 2.4vw, 2rem);
  font-weight:400;
  line-height:1.15;
  letter-spacing:-.025em;
  color:var(--c-head);
}

@media (max-width:767px){
  h2.mg-ac-nome{margin-bottom:12px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ad8a48 *//* 224 · Acomodações · FAQ · headline */

/* "O que perguntam" 8,44em · "toda semana." 6,43 + 1,15 de recuo
   = 7,58. Vale a maior, 8,44, mais folga.
   Trocou o texto, meça de novo. */
.mg-d3-title{--d3-div:8.9}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40ab8a2 *//* 60 · Home · depoimentos · manifesto */

/* menor que o de acomodações de a/* 228 · Acomodações · manifesto dos depoimentos */

/* QUARTA cópia idêntica deste componente: home (32), Glamping (77),
   Gastronomia (115) e agora Spa. Passou do ponto de subir pro CSS
   global — hoje um ajuste no manifesto vira quatro edições, e é
   questão de tempo até uma delas ser esquecida.
   Recomendo mover pro arquivo 02 e apagar os quatro. */
.mg-manifesto{
  container-type:inline-size;
  width:100%;
}

.mg-manifesto__p{
  --mf-fs:clamp(1.25rem, calc(100cqw / 42), 1.875rem);
  margin:0 auto;
  max-width:46ch;
  text-align:center;
  font-family:var(--mg-font) !important;
  font-size:var(--mf-fs);
  font-weight:400 !important;
  line-height:1.6;
  letter-spacing:-.015em;
  text-transform:none;
  color:var(--c-head, #2F4F3E);
  text-wrap:pretty;   /* evita linha órfã curta no fim */
  opacity:1;
}

/* as linhas são criadas pelo JS: ele mede onde o texto quebra e
   envolve cada uma, pra poder acender uma a uma no scroll */
.mg-manifesto__line{display:block}
.mg-manifesto__line > span{display:block;opacity:.16}

body.elementor-editor-active .mg-manifesto__line > span{opacity:1 !important}

@media (max-width:767px){
  .mg-manifesto__p{
    --mf-fs:clamp(1.125rem, calc(100cqw / 21), 1.5rem);
    max-width:none;
    line-height:1.62;
  }
}propósito: dois manifestos do mesmo
   tamanho na mesma página leem como o mesmo bloco repetido. O divisor
   maior (52 contra 42) é o que encolhe. */
.mg-manifesto--curto .mg-manifesto__p{
  --mf-fs:clamp(1.125rem, calc(100cqw / 52), 1.5rem);
  max-width:38ch;
}

@media (max-width:767px){
  .mg-manifesto--curto .mg-manifesto__p{
    --mf-fs:clamp(1rem, calc(100cqw / 24), 1.25rem);
    max-width:none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-802e397 *//* 230 · Acomodações · depoimentos · carrossel */

/* O bloco vive DENTRO do container de 1280 e estoura pros dois lados
   até a borda da tela. Quem escreve o --dep-out é o JS, MEDINDO a
   distância do bloco até a borda: 100vw conta a barra de rolagem e
   passaria uns 7px, e uma conta fixa com 1280 não serve abaixo dessa
   largura. O 0px aqui é o estado seguro: sem JS, fica na grade.
   NO PAINEL: seção normal, na grade, com Estouro: oculto. */
.mg-dep{
  --dep-out:0px;
  margin:0 calc(var(--dep-out) * -1);
}
.mg-dep__faixa{width:100%;overflow:hidden}

.mg-dep__trilho{
  display:flex;
  align-items:stretch;
  gap:clamp(32px, 4vw, 72px);
  width:max-content;
  will-change:transform;
}

/* SEM CAIXA. O separador é um filete, como nas listas do spa e do
   PETAR — é a linguagem de separação que o site já usa. Cartão de cor
   chapada pesava demais ao lado da foto de fechamento, e o problema
   não era o tom: era existir um bloco. */
.mg-dep__card{
  flex:0 0 auto;
  width:clamp(240px, 24vw, 320px);
  display:flex;
  flex-direction:column;
  padding:4px 0 4px clamp(24px, 2.4vw, 40px);
  border-left:1px solid var(--c-line);
  background:none;
}

.mg-dep__estrelas{
  font-size:11px;
  letter-spacing:.32em;
  line-height:1;
  color:var(--c-label);
}
.mg-dep__txt{
  margin:clamp(20px, 2.4vw, 32px) 0 0;
  font-family:var(--mg-font);
  font-size:1rem;
  font-weight:400;
  line-height:1.7;
  color:var(--c-text);
}
.mg-dep__nome{
  margin-top:auto;           /* cola no pé, alinhando todos */
  padding-top:clamp(24px, 3vw, 40px);
  font-family:var(--mg-font);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--c-label);
}

@media (max-width:767px){
  .mg-dep__trilho{gap:28px}
  .mg-dep__card{
    width:clamp(230px, 72vw, 290px);
    padding-left:20px;
  }
  .mg-dep__txt{font-size:.9375rem;margin-top:18px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e5263dc *//* 74 · Home · acomodações · avaliações no Google */

.mg-google{
  display:flex;
  justify-content:center;
  margin-top:clamp(32px, 4vw, 56px);
}

/* o link é o .mg-link do global — herda a linha que recolhe no hover.
   Aqui ele só ganha o alinhamento entre a nota e o texto. */
a.mg-google__link,
a.mg-google__link:link,
a.mg-google__link:visited,
a.mg-google__link:active{
  display:inline-flex;
  align-items:baseline;
  gap:10px;
}

.mg-google__nota{
  font-family:var(--mg-font);
  font-size:clamp(1.5rem, 2.2vw, 1.875rem);
  font-weight:400;
  line-height:1;
  letter-spacing:-.02em;
  color:var(--c-head);
}
.mg-google__txt{
  font-family:var(--mg-font);
  font-size:.8125rem;
  letter-spacing:.02em;
  color:var(--c-label);
}

@media (max-width:767px){
  .mg-google{margin-top:32px}
  .mg-google__txt{font-size:.75rem}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d39b3f4 *//* 232 · Acomodações · break final */

/* Fechamento da página, mesmo bloco do break final da home (65), do
   Glamping (102), da Gastronomia (142) e do Spa (186). Em arquivo
   próprio pra cada página poder trocar a foto e a altura sem mexer
   nas outras.

   Duas classes no seletor: o .mg-break do CSS global é impresso DEPOIS
   do CSS dos widgets e ganharia de uma classe só.

   NO PAINEL: seção em largura total, sem container, padding 0,
   Estouro: oculto. */
/* 100vh, e o teto em 1600.
   A altura aqui não é só estética: a foto é 3:2 e a moldura é mais
   larga que isso, então o cover corta ALTURA. Quanto mais baixa a
   moldura, mais ela corta. Medido com o zoom de 1,34 junto, numa tela
   de 1440x900: a 90vh sobram 64% da altura da foto, a 100vh sobram
   71%. O teto só existe pra tela em pé, onde 100vh viraria uma faixa
   absurda. */
.mg-photo.mg-break--final{
  height:clamp(560px, 100vh, 1600px);
  clip-path:none;             /* este break NÃO abre: entra em largura cheia */
}
@supports (height:1svh){
  .mg-photo.mg-break--final{height:clamp(560px, 100svh, 1600px)}
}

/* ZOOM 1,34 — é ele que permite o parallax agressivo.
   A foto só desliza até a folga que o zoom dá: metade do excedente
   pra cada lado. A 1,34 sobram 17% de altura de cada lado, e a
   amplitude do parallax é 14 (o teto do JS). Com o zoom padrão de
   1,3 a folga seria 15% e ficaria no limite.
   Custo: 1,34 amplia mais o arquivo. Num monitor de 2560 a moldura
   pede ~3410px de largura a partir de um arquivo de 2560. */
.mg-photo.mg-break--final .mg-photo__img{
  transform:scale(1.34);
  background-position:50% 50%;
}

/* ── véu: o mesmo do hero ──
   Seção de fechamento, responde ao hero: degradê no topo, degradê na
   base, vinheta fechando os cantos, tinta radial e grão em soft-light.
   Números copiados do arquivo 22 — se o hero mudar, este muda junto,
   na mão, porque são blocos independentes. */
.mg-photo.mg-break--final::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(6,16,10,.6) 0%, rgba(6,16,10,.28) 12%,
      rgba(6,16,10,.08) 22%, rgba(6,16,10,0) 30%),
    linear-gradient(0deg,
      rgba(6,16,10,.9) 0%, rgba(6,16,10,.72) 14%,
      rgba(6,16,10,.46) 30%, rgba(6,16,10,.2) 46%,
      rgba(6,16,10,.05) 56%, rgba(6,16,10,0) 62%),
    radial-gradient(ellipse 110% 95% at 58% 42%,
      rgba(6,16,10,0) 40%, rgba(6,16,10,.3) 72%, rgba(6,16,10,.62) 100%),
    radial-gradient(ellipse 100% 90% at 58% 42%,
      rgba(8,19,13,.16) 30%, rgba(8,19,13,.25) 65%, rgba(8,19,13,.34) 100%);
}

/* grão em soft-light — o mesmo ruído do hero */
.mg-photo.mg-break--final::after{
  content:"";
  position:absolute;
  inset:0;
  height:auto;
  opacity:.14;
  mix-blend-mode:soft-light;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1.9' intercept='-.45'/%3E%3CfeFuncG type='linear' slope='1.9' intercept='-.45'/%3E%3CfeFuncB type='linear' slope='1.9' intercept='-.45'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size:220px 220px;
}

@media (max-width:767px){
  .mg-photo.mg-break--final{height:90vh;min-height:500px}
  @supports (height:1svh){
    .mg-photo.mg-break--final{height:90svh}
  }
}/* End custom CSS */