/* MOBI Pousada | FAQ Praia/Luxo | 2026-10-31
   Somente a rota /faq/. Superfícies sólidas, sem gradientes ou fotos novas. */
.mobi-page-intro.mobi-faq-page-intro{
  background:#183A34;
  background-image:none;
  color:#F8F4EC;
  padding:clamp(62px,7vw,110px) 0;
}
.mobi-page-intro.mobi-faq-page-intro::before,
.mobi-page-intro.mobi-faq-page-intro::after{
  display:none;
}
.mobi-faq-page-intro .mobi-page-intro-grid{
  align-items:center;
  gap:clamp(28px,5vw,78px);
}
.mobi-faq-page-intro .mobi-page-intro-copy h1{
  color:#F8F4EC;
  max-width:15ch;
  line-height:1.09;
  letter-spacing:-.035em;
}
.mobi-faq-page-intro .mobi-page-intro-copy>p:not(.mobi-kicker){
  color:#E9EDE6;
  max-width:58ch;
  line-height:1.7;
}
.mobi-faq-page-intro .mobi-kicker{
  color:#E7C895;
}
.mobi-faq-page-intro .mobi-page-intro-side{
  background:#F8F4EC;
  background-image:none;
  border:1px solid #D8C6AB;
  border-radius:10px;
  color:#183A34;
  box-shadow:none;
}
.mobi-faq-page-intro .mobi-page-intro-side .mobi-number,
.mobi-faq-page-intro .mobi-page-intro-side p{
  color:#183A34;
}
.mobi-faq-page-intro .mobi-button-sand{
  background:#E7C895;
  background-image:none;
  color:#183A34;
  border:1px solid #E7C895;
  box-shadow:none;
}
.mobi-faq-page-intro .mobi-button-sand:hover{
  background:#ABC042;
  border-color:#ABC042;
  color:#183A34;
}
.mobi-section.mobi-faq-section{
  background:#F8F4EC;
  background-image:none;
  padding:clamp(65px,7vw,106px) 0 clamp(80px,8vw,120px);
  color:#183A34;
}
.mobi-faq-section .mobi-section-header{
  margin-bottom:24px;
}
.mobi-faq-section .mobi-section-header h2,
.mobi-faq-section .mobi-faq-group h3{
  color:#183A34;
}
.mobi-faq-section .mobi-section-header .mobi-kicker{
  color:#97723C;
}
.mobi-faq-section .mobi-text-link{
  color:#183A34;
  text-underline-offset:5px;
}
.mobi-faq-section .mobi-text-link:hover{
  color:#58771C;
}
.mobi-faq-section .mobi-faq-topic-nav{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 clamp(36px,5vw,65px);
  padding:0 0 20px;
  border-bottom:1px solid #D8C6AB;
}
.mobi-faq-section .mobi-faq-topic-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
  padding:9px 17px;
  border:1px solid #CDBD9F;
  border-radius:6px;
  background:#FFFDF9;
  color:#183A34;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  text-decoration:none;
}
.mobi-faq-section .mobi-faq-topic-nav a:hover{
  background:#ABC042;
  border-color:#ABC042;
  color:#183A34;
}
.mobi-faq-section .mobi-faq-group{
  margin:0 0 clamp(38px,5vw,66px);
  padding:0;
  scroll-margin-top:115px;
}
.mobi-faq-section .mobi-faq-group h3{
  margin:0 0 18px;
  padding:0 0 12px;
  border-bottom:1px solid #D8C6AB;
  font-size:clamp(27px,3vw,38px);
  line-height:1.2;
}
.mobi-faq-section .mobi-faq-questions{
  display:grid;
  gap:10px;
}
.mobi-faq-section details.mobi-faq-question{
  margin:0;
  border:1px solid #DDD3C4;
  border-radius:8px;
  background:#FFFDF9;
  box-shadow:none;
  overflow:hidden;
}
.mobi-faq-section details.mobi-faq-question[open]{
  border-color:#B49A6B;
  background:#FFFDF9;
}
.mobi-faq-section .mobi-faq-question summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:65px;
  padding:17px 22px;
  color:#183A34;
  font-weight:700;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
}
.mobi-faq-section .mobi-faq-question summary::-webkit-details-marker{
  display:none;
}
.mobi-faq-section .mobi-faq-question summary::after{
  content:"+";
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border:1px solid #CDBD9F;
  border-radius:50%;
  color:#183A34;
  font:500 22px/1 Georgia,serif;
}
.mobi-faq-section .mobi-faq-question[open] summary::after{
  content:"−";
  background:#183A34;
  border-color:#183A34;
  color:#F8F4EC;
}
.mobi-faq-section .mobi-faq-answer{
  padding:0 22px 22px;
  color:#344B43;
  font-size:15px;
  line-height:1.75;
}
.mobi-faq-section .mobi-faq-answer p{
  margin:0 0 13px;
}
.mobi-faq-section .mobi-faq-answer a{
  color:#183A34;
  font-weight:700;
  text-underline-offset:4px;
}
.mobi-faq-section .mobi-faq-answer a:hover{
  color:#58771C;
}
.mobi-faq-section .mobi-faq-disclaimer{
  padding:19px 22px;
  border-left:3px solid #B49A6B;
  border-radius:0 6px 6px 0;
  background:#EEE7DC;
  color:#344B43;
  font-size:13px;
  line-height:1.7;
}
.mobi-faq-section :is(a,summary):focus-visible,
.mobi-faq-page-intro a:focus-visible{
  outline:3px solid #ABC042;
  outline-offset:3px;
}
@media(max-width:700px){
  .mobi-page-intro.mobi-faq-page-intro{
    padding:50px 0 56px;
  }
  .mobi-faq-page-intro .mobi-page-intro-copy h1{
    max-width:none;
  }
  .mobi-section.mobi-faq-section{
    padding:55px 0 75px;
  }
  .mobi-faq-section .mobi-faq-topic-nav{
    gap:8px;
  }
  .mobi-faq-section .mobi-faq-topic-nav a{
    min-height:42px;
    padding:8px 13px;
  }
  .mobi-faq-section .mobi-faq-question summary{
    padding:15px 16px;
  }
  .mobi-faq-section .mobi-faq-answer{
    padding:0 16px 18px;
  }
  .mobi-faq-section .mobi-faq-group{
    scroll-margin-top:86px;
  }
}
@media(prefers-reduced-motion:reduce){
  .mobi-faq-section .mobi-faq-topic-nav a,
  .mobi-faq-section .mobi-faq-question summary{
    transition:none;
  }
}