/* MOBI Pousada — header imersivo nas paginas internas | 03/11/2026
 * O hero continua compacto. A homepage e o restante do conteudo nao sao afetados.
 * Estado: topo transparente sobre o hero / barra clara apos rolagem.
 */
body.mobi-inner-immersive{--mi-green:#183A34;--mi-gold:#E7C895;--mi-cream:#F8F4EC}
body.mobi-inner-immersive .mobi-header{
  position:absolute!important;
  z-index:100!important;
  top:0!important;
  right:0!important;
  left:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid rgba(255,252,246,.30)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:background-color .22s ease,box-shadow .22s ease!important;
}
body.mobi-inner-immersive .mobi-header .mobi-topbar{display:none!important}
body.mobi-inner-immersive .mobi-header .mobi-header-main{
  height:94px;
  min-height:94px;
  padding-top:0!important;
  padding-bottom:0!important;
  background:transparent!important;
  display:flex;
  align-items:center;
}
body.mobi-inner-immersive .mobi-header .mobi-brand{
  display:flex;
  align-items:center;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  transform:none!important;
  filter:none!important;
}
body.mobi-inner-immersive .mobi-header .mobi-logo-normal{
  display:block!important;
  height:auto!important;
  max-height:65px;
  object-fit:contain;
  filter:none!important;
}
body.mobi-inner-immersive .mobi-header .mobi-logo-sticky{display:none!important}
body.mobi-inner-immersive .mobi-header .mobi-primary-nav .mobi-nav-list>li>a{
  color:#FFFCF7!important;
  text-shadow:0 1px 12px rgba(0,0,0,.18);
  background:transparent!important;
}
body.mobi-inner-immersive .mobi-header .mobi-primary-nav .mobi-nav-list>li>a:hover,
body.mobi-inner-immersive .mobi-header .mobi-primary-nav .mobi-nav-list>li>a[aria-current="page"]{
  color:#F2D6A5!important;
}
body.mobi-inner-immersive .mobi-header .mobi-nav-list>li>a[aria-current="page"]::after{
  background:#E7C895!important;
}
body.mobi-inner-immersive .mobi-header .mobi-button-header,
body.mobi-inner-immersive .mobi-header .mobi-header-mobile-booking{
  background:#183A34!important;
  color:#FFFCF7!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:none!important;
}
body.mobi-inner-immersive .mobi-header .mobi-button-header:hover,
body.mobi-inner-immersive .mobi-header .mobi-header-mobile-booking:hover{
  background:#ABC042!important;
  border-color:#ABC042!important;
  color:#183A34!important;
}
/* Com scroll: o mesmo header claro/sticky da homepage */
body.mobi-inner-immersive .mobi-header.is-scrolled,
body.mobi-inner-immersive .mobi-header.is-menu-open{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  background:#FFFCF7!important;
  border-bottom:1px solid #E3DCCE!important;
  box-shadow:0 7px 28px rgba(15,39,31,.11)!important;
  backdrop-filter:none!important;
}
body.mobi-inner-immersive .mobi-header.is-scrolled .mobi-header-main,
body.mobi-inner-immersive .mobi-header.is-menu-open .mobi-header-main{height:77px;min-height:77px}
body.mobi-inner-immersive .mobi-header.is-scrolled .mobi-logo-normal,
body.mobi-inner-immersive .mobi-header.is-menu-open .mobi-logo-normal{display:none!important}
body.mobi-inner-immersive .mobi-header.is-scrolled .mobi-logo-sticky,
body.mobi-inner-immersive .mobi-header.is-menu-open .mobi-logo-sticky{
  display:block!important;
  height:auto!important;
  max-height:60px;
  filter:none!important;
}
body.mobi-inner-immersive .mobi-header.is-scrolled .mobi-primary-nav .mobi-nav-list>li>a,
body.mobi-inner-immersive .mobi-header.is-menu-open .mobi-primary-nav .mobi-nav-list>li>a{
  color:#183A34!important;
  text-shadow:none!important;
}
body.mobi-inner-immersive .mobi-header.is-scrolled .mobi-primary-nav .mobi-nav-list>li>a:hover,
body.mobi-inner-immersive .mobi-header.is-menu-open .mobi-primary-nav .mobi-nav-list>li>a:hover,
body.mobi-inner-immersive .mobi-header.is-scrolled .mobi-primary-nav .mobi-nav-list>li>a[aria-current="page"],
body.mobi-inner-immersive .mobi-header.is-menu-open .mobi-primary-nav .mobi-nav-list>li>a[aria-current="page"]{
  color:#215C56!important;
}
body.mobi-inner-immersive .mobi-header.is-scrolled .mobi-nav-list>li>a[aria-current="page"]::after,
body.mobi-inner-immersive .mobi-header.is-menu-open .mobi-nav-list>li>a[aria-current="page"]::after{
  background:#246A66!important;
}
/* Cada pagina conserva a fotografia, curva, H1 e CTA; so aumenta a folga
 * SUPERIOR para receber o header sobreposto, sem dobrar a altura do hero. */
body.mobi-inner-immersive :is(
  .mobi-archive-luxo-hero,
  .mobi-rates-luxo-intro,
  .mobi-static-gallery-hero,
  .mobi-about-v2-hero,
  .mobi-pelotas-v2-hero,
  .mobi-blog-v2-hero,
  .mobi-static-contact-hero,
  .mobi-atividades-luxo-hero,
  .mobi-page-intro.mobi-faq-page-intro,
  .mobi-location-hero,
  .mobi-page-intro.mobi-booking-luxo-intro,
  .mobi-stay-detail-heading.mobi-static-stay-heading,
  .mobi-page-intro.mobi-promotions-hero
){
  padding-top:clamp(116px,9.1vw,146px)!important;
  padding-bottom:clamp(44px,4.4vw,65px)!important;
  min-height:0!important;
}
/* O conteudo do topo nao pode ficar atras do menu */
body.mobi-inner-immersive :is(
  .mobi-archive-luxo-hero,
  .mobi-rates-luxo-intro,
  .mobi-static-gallery-hero,
  .mobi-about-v2-hero,
  .mobi-pelotas-v2-hero,
  .mobi-blog-v2-hero,
  .mobi-static-contact-hero,
  .mobi-atividades-luxo-hero,
  .mobi-faq-page-intro,
  .mobi-location-hero,
  .mobi-booking-luxo-intro,
  .mobi-static-stay-heading
){isolation:isolate}
body.mobi-inner-immersive .mobi-header .mobi-menu-toggle{
  color:#FFFDF7;
}
body.mobi-inner-immersive .mobi-header .mobi-menu-toggle span{
  background:#FFFDF7!important;
}
body.mobi-inner-immersive .mobi-header.is-scrolled .mobi-menu-toggle span,
body.mobi-inner-immersive .mobi-header.is-menu-open .mobi-menu-toggle span{
  background:#183A34!important;
}
/* Scroll to internal sections never hides a section heading behind the sticky header */
body.mobi-inner-immersive [id]:not(#topo):not(#mobi-content){scroll-margin-top:93px}
@media(max-width:1100px){
  body.mobi-inner-immersive .mobi-header .mobi-header-main{
    min-height:80px;
    height:80px;
  }
  body.mobi-inner-immersive .mobi-header .mobi-logo-normal{max-height:58px}
  body.mobi-inner-immersive .mobi-header .mobi-primary-nav.is-open{
    background:#FFFCF7!important;
    box-shadow:0 15px 30px rgba(10,32,24,.14);
  }
  body.mobi-inner-immersive .mobi-header .mobi-primary-nav.is-open a{
    color:#183A34!important;
    text-shadow:none!important;
  }
  body.mobi-inner-immersive :is(
    .mobi-archive-luxo-hero,.mobi-rates-luxo-intro,.mobi-static-gallery-hero,
    .mobi-about-v2-hero,.mobi-pelotas-v2-hero,.mobi-blog-v2-hero,
    .mobi-static-contact-hero,.mobi-atividades-luxo-hero,.mobi-faq-page-intro,
    .mobi-location-hero,.mobi-booking-luxo-intro,.mobi-static-stay-heading
  ){padding-top:113px!important}
}
@media(max-width:700px){
  body.mobi-inner-immersive .mobi-header .mobi-header-main{
    min-height:73px;
    height:73px;
  }
  body.mobi-inner-immersive .mobi-header.is-scrolled .mobi-header-main,
  body.mobi-inner-immersive .mobi-header.is-menu-open .mobi-header-main{
    min-height:68px;
    height:68px;
  }
  body.mobi-inner-immersive .mobi-header .mobi-logo-normal{max-height:49px}
  body.mobi-inner-immersive .mobi-header.is-scrolled .mobi-logo-sticky,
  body.mobi-inner-immersive .mobi-header.is-menu-open .mobi-logo-sticky{max-height:49px}
  body.mobi-inner-immersive :is(
    .mobi-archive-luxo-hero,.mobi-rates-luxo-intro,.mobi-static-gallery-hero,
    .mobi-about-v2-hero,.mobi-pelotas-v2-hero,.mobi-blog-v2-hero,
    .mobi-static-contact-hero,.mobi-atividades-luxo-hero,.mobi-faq-page-intro,
    .mobi-location-hero,.mobi-booking-luxo-intro,.mobi-static-stay-heading
  ){
    padding-top:98px!important;
    padding-bottom:40px!important;
  }
  body.mobi-inner-immersive .mobi-header .mobi-header-mobile-booking{
    min-height:34px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.mobi-inner-immersive .mobi-header{transition:none!important}
}