/* MOBI Pousada /tarifas/ — identidade Praia/Luxo 2026-10-31.
   Estilos exclusivamente visuais. Tarifas, políticas, links e markup da tabela
   permanecem definidos em page-static-rates.php e inc/static-content.php. */
.mobi-rates-luxo-intro{
  padding:clamp(64px,7vw,106px) 0 clamp(67px,7vw,105px);
  background:#183A34;
  background-image:none;
  color:#F8F4EC;
}
.mobi-rates-luxo-intro .mobi-page-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr);
  align-items:center;
  gap:clamp(28px,5vw,86px);
}
.mobi-rates-luxo-intro .mobi-page-intro-copy{min-width:0}
.mobi-rates-luxo-intro .mobi-kicker{
  margin:0 0 15px;color:#E7C895;font-size:11px;
  line-height:1.5;font-weight:800;letter-spacing:.15em;
}
.mobi-rates-luxo-intro h1{
  max-width:980px;margin:0 0 20px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,4.75vw,70px);
  font-weight:400;line-height:1.11;letter-spacing:-.043em;
  color:#FFFCF6;text-wrap:balance;
}
.mobi-rates-luxo-intro .mobi-page-intro-copy>p:not(.mobi-kicker){
  max-width:730px;margin:0 0 28px;
  font-size:clamp(15px,1.3vw,18px);line-height:1.75;
  color:#E2EBE3;
}
.mobi-rates-luxo-intro .mobi-inline-actions{
  display:flex;align-items:center;flex-wrap:wrap;gap:11px;
}
.mobi-rates-luxo-intro .mobi-button{
  display:inline-flex;justify-content:center;align-items:center;
  min-height:49px;padding:12px 19px;
  border-radius:5px;box-shadow:none;
  text-decoration:none;font-size:13px;font-weight:750;
}
.mobi-rates-luxo-intro .mobi-button-sand{
  background:#E7C895;background-image:none;
  border:1px solid #E7C895;color:#183A34;
}
.mobi-rates-luxo-intro .mobi-button-outline{
  background:transparent;background-image:none;
  border:1px solid #D8E4D8;color:#F8F4EC;
}
.mobi-rates-luxo-intro .mobi-button:hover{
  background:#ABC042;border-color:#ABC042;color:#183A34;
}
.mobi-rates-luxo-intro .mobi-page-intro-side{
  min-width:0;max-width:430px;
  padding:clamp(23px,2.7vw,38px);
  background:#245045;background-image:none;
  border:1px solid #547166;border-radius:7px;box-shadow:none;
}
.mobi-rates-luxo-intro .mobi-page-intro-side .mobi-number{
  display:block;margin:0 0 14px;
  font-size:clamp(22px,2.3vw,33px);
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;color:#E7C895;
}
.mobi-rates-luxo-intro .mobi-page-intro-side p{
  margin:0;font-size:14px;line-height:1.72;color:#E4EDE5;
}
.mobi-rates-luxo-table{
  padding:clamp(64px,7vw,105px) 0;
  background:#F8F4EC;background-image:none;color:#183A34;
}
.mobi-rates-luxo-table .mobi-section-header{
  margin:0 0 18px;
}
.mobi-rates-luxo-table .mobi-kicker,
.mobi-rates-luxo-guide .mobi-kicker,
.mobi-rates-luxo-steps .mobi-kicker{
  margin:0 0 12px;color:#977443;
  font-size:11px;line-height:1.5;font-weight:800;letter-spacing:.15em;
}
.mobi-rates-luxo-table h2,
.mobi-rates-luxo-guide h2,
.mobi-rates-luxo-steps h2{
  margin:0;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(35px,3.8vw,56px);
  font-weight:400;line-height:1.16;letter-spacing:-.035em;
  color:#183A34;text-wrap:balance;
}
.mobi-rates-luxo-table>.mobi-wrap>p:not(.mobi-policy-note){
  max-width:750px;margin:0 0 25px;
  font-size:15px;line-height:1.75;color:#53685B;
}
.mobi-rates-luxo-table .mobi-rate-scroll{
  display:block;max-width:100%;
  overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  margin:0 0 21px;
  background:#FFFCF7;background-image:none;
  border:1px solid #DDD6C9;border-radius:8px;
  box-shadow:none;
}
.mobi-rates-luxo-table .mobi-rate-table{
  width:100%;min-width:630px;margin:0;
  border-collapse:collapse;
  border-spacing:0;
  background:#FFFCF7;background-image:none;
  table-layout:auto;
}
.mobi-rates-luxo-table .mobi-rate-table caption{
  padding:13px 18px;
  text-align:left;
  caption-side:bottom;
  color:#637468;
  font-size:11px;
  line-height:1.5;
}
.mobi-rates-luxo-table .mobi-rate-table thead{
  background:#183A34;color:#F8F4EC;
}
.mobi-rates-luxo-table .mobi-rate-table thead th{
  padding:17px clamp(15px,2vw,26px);
  border:0;border-right:1px solid rgba(248,244,236,.2);
  color:#F8F4EC;background:#183A34;
  font-size:12px;font-weight:750;line-height:1.5;
  text-align:left;vertical-align:middle;
  white-space:normal;
}
.mobi-rates-luxo-table .mobi-rate-table thead th:last-child{border-right:0}
.mobi-rates-luxo-table .mobi-rate-table tbody tr{
  background:#FFFCF7;
  border-bottom:1px solid #E5DFD3;
}
.mobi-rates-luxo-table .mobi-rate-table tbody tr:nth-child(even){
  background:#F4F1EA;
}
.mobi-rates-luxo-table .mobi-rate-table tbody tr:last-child{border-bottom:0}
.mobi-rates-luxo-table .mobi-rate-table tbody th,
.mobi-rates-luxo-table .mobi-rate-table tbody td{
  padding:clamp(15px,1.6vw,23px) clamp(15px,2vw,26px);
  border:0;border-right:1px solid #E5DFD3;
  background:transparent;color:#183A34;
  vertical-align:middle;text-align:left;
  font-size:15px;line-height:1.5;
}
.mobi-rates-luxo-table .mobi-rate-table tbody td:last-child{border-right:0}
.mobi-rates-luxo-table .mobi-rate-table tbody th{
  font-weight:750;
}
.mobi-rates-luxo-table .mobi-rate-table tbody th small{
  display:block;margin-top:5px;
  color:#6D746A;font-size:11px;font-weight:500;
}
.mobi-rates-luxo-table .mobi-rate-table tbody td{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(18px,1.8vw,24px);
  font-weight:500;white-space:nowrap;
}
.mobi-rates-luxo-table .mobi-rate-table tbody td:last-child{
  color:#255E49;
}
.mobi-rates-luxo-table .mobi-policy-note{
  max-width:1000px;margin:0 0 13px;
  padding:11px 0 11px 17px;
  background:transparent;background-image:none;
  border:0;border-left:2px solid #B8995E;
  border-radius:0;box-shadow:none;
  color:#4D6156;font-size:13px;line-height:1.7;
}
.mobi-rates-luxo-table .mobi-policy-note strong{color:#183A34}
.mobi-rates-luxo-table .mobi-rates-actions{
  display:flex;align-items:center;flex-wrap:wrap;
  gap:13px 25px;margin-top:29px;
}
.mobi-rates-luxo-table .mobi-rates-actions .mobi-button,
.mobi-rates-luxo-steps>.mobi-wrap>.mobi-button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:11px 21px;
  border:1px solid #183A34;border-radius:5px;
  background:#183A34;background-image:none;
  color:#F8F4EC;text-decoration:none;
  box-shadow:none;font-size:13px;font-weight:750;
}
.mobi-rates-luxo-table .mobi-rates-actions .mobi-button:hover,
.mobi-rates-luxo-steps>.mobi-wrap>.mobi-button:hover{
  background:#ABC042;border-color:#ABC042;color:#183A34;
}
.mobi-rates-luxo-table .mobi-rates-actions .mobi-text-link,
.mobi-rates-luxo-guide .mobi-text-link{
  color:#183A34;font-size:13px;font-weight:750;
  text-decoration:underline;text-decoration-color:#B8995E;
  text-underline-offset:5px;
}
.mobi-rates-luxo-table .mobi-rates-actions .mobi-text-link:hover,
.mobi-rates-luxo-guide .mobi-text-link:hover{color:#6D842E}
.mobi-rates-luxo-guide{
  padding:clamp(62px,6.7vw,99px) 0;
  background:#EDEBE2;background-image:none;
  color:#183A34;
}
.mobi-rates-luxo-guide .mobi-editorial-grid{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(28px,5vw,85px);
  align-items:start;
}
.mobi-rates-luxo-guide .mobi-editorial-grid>div:nth-child(2) p{
  margin:0 0 14px;max-width:720px;
  color:#52665A;font-size:15px;line-height:1.78;
}
.mobi-rates-luxo-steps{
  padding:clamp(64px,7vw,103px) 0;
  background:#F8F4EC;background-image:none;color:#183A34;
}
.mobi-rates-luxo-steps .mobi-section-header{
  margin-bottom:clamp(25px,3vw,39px);
}
.mobi-rates-luxo-steps .mobi-features-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(15px,1.6vw,25px);
}
.mobi-rates-luxo-steps .mobi-feature{
  min-width:0;padding:clamp(21px,2.3vw,31px);
  background:#FFFCF7;background-image:none;
  border:1px solid #E0DACE;border-radius:7px;
  box-shadow:none;transform:none;
}
.mobi-rates-luxo-steps .mobi-feature-icon{
  display:block;width:auto;height:auto;margin:0 0 20px;padding:0;
  background:transparent;background-image:none;
  border:0;border-radius:0;box-shadow:none;
  color:#987541;font-family:Georgia,"Times New Roman",serif;
  font-size:29px;font-weight:400;line-height:1;
}
.mobi-rates-luxo-steps .mobi-feature h3{
  margin:0 0 9px;color:#183A34;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(22px,1.9vw,28px);font-weight:400;line-height:1.22;
}
.mobi-rates-luxo-steps .mobi-feature p{
  margin:0;color:#53685B;font-size:14px;line-height:1.75;
}
.mobi-rates-luxo-steps .mobi-policy-note{
  margin:25px 0 22px;padding:0;
  background:transparent;border:0;box-shadow:none;
  color:#596C60;font-size:13px;line-height:1.7;
}
.mobi-rates-luxo-intro a:focus-visible,
.mobi-rates-luxo-table a:focus-visible,
.mobi-rates-luxo-table .mobi-rate-scroll:focus-visible,
.mobi-rates-luxo-guide a:focus-visible,
.mobi-rates-luxo-steps a:focus-visible{
  outline:3px solid #ABC042;outline-offset:4px;
}
@media(max-width:950px){
  .mobi-rates-luxo-intro .mobi-page-intro-grid{
    grid-template-columns:minmax(0,1fr);gap:28px;
  }
  .mobi-rates-luxo-intro .mobi-page-intro-side{
    max-width:none;
  }
  .mobi-rates-luxo-guide .mobi-editorial-grid{
    grid-template-columns:minmax(0,1fr);gap:22px;
  }
}
@media(max-width:760px){
  .mobi-rates-luxo-steps .mobi-features-grid{
    grid-template-columns:minmax(0,1fr);gap:14px;
  }
}
@media(max-width:640px){
  .mobi-rates-luxo-intro{padding:55px 0 64px}
  .mobi-rates-luxo-intro h1{font-size:clamp(38px,9vw,52px)}
  .mobi-rates-luxo-intro .mobi-inline-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  .mobi-rates-luxo-intro .mobi-inline-actions .mobi-button{width:100%}
  .mobi-rates-luxo-table,.mobi-rates-luxo-guide,.mobi-rates-luxo-steps{
    padding:56px 0 68px;
  }
  .mobi-rates-luxo-table .mobi-rate-scroll{
    max-width:100%;border-radius:5px;
  }
  .mobi-rates-luxo-table .mobi-rate-table{min-width:630px}
  .mobi-rates-luxo-table .mobi-rates-actions{align-items:stretch;flex-direction:column}
  .mobi-rates-luxo-table .mobi-rates-actions .mobi-button{width:100%}
  .mobi-rates-luxo-steps>.mobi-wrap>.mobi-button{display:flex;width:100%}
  .mobi-rates-luxo-steps .mobi-feature{padding:24px}
}
@media(prefers-reduced-motion:reduce){
  .mobi-rates-luxo-intro *,
  .mobi-rates-luxo-table *,
  .mobi-rates-luxo-guide *,
  .mobi-rates-luxo-steps *{
    transition-duration:0s;
  }
}

/* TARIFAS COMPACTAS V2 | hero fotográfico no padrão de /acomodacoes/ */
.mobi-page-heading.mobi-rates-luxo-intro{
  position:relative;
  isolation:isolate;
  display:block;
  overflow:hidden;
  min-height:0;
  height:auto;
  padding:clamp(23px,2.3vw,33px) 0 clamp(55px,4.3vw,69px);
  background-color:#13382E;
  background-image:
    linear-gradient(90deg,
      rgba(12,53,40,.97) 0%,
      rgba(12,53,40,.88) 25%,
      rgba(12,53,40,.66) 47%,
      rgba(12,53,40,.23) 78%,
      rgba(12,53,40,.12) 100%),
    url('/wp-content/uploads/2026/11/Casa-Hotel-Pousada-Laranjal-em-Pelotas-RS-3.jpg');
  background-size:cover,cover;
  background-position:center center,center 52%;
  background-repeat:no-repeat,no-repeat;
  color:#FFFCF6;
  border:0;
}
.mobi-rates-luxo-intro .mobi-rates-hero-inner{
  position:relative;
  z-index:1;
  display:block;
}
.mobi-rates-luxo-intro .mobi-rates-hero-inner .mobi-kicker{
  display:block;
  margin:0 0 8px;
  color:#E7C895;
  font-size:10px;
  font-weight:750;
  line-height:1.4;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.mobi-page-heading.mobi-rates-luxo-intro h1{
  max-width:650px;
  margin:0 0 10px;
  color:#FFFCF6;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(39px,3.5vw,54px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:400;
}
.mobi-page-heading.mobi-rates-luxo-intro .mobi-rates-hero-description{
  max-width:570px;
  margin:0;
  color:#E9EEE7;
  font-family:inherit;
  font-size:clamp(13px,1vw,15px);
  line-height:1.57;
  font-weight:450;
}
.mobi-rates-hero-accent{
  display:block;
  width:43px;
  height:2px;
  margin-top:12px;
  background:#E7C895;
}
.mobi-rates-hero-wave{
  display:block;
  position:absolute;
  z-index:2;
  bottom:-1px;
  left:0;
  width:100%;
  height:clamp(37px,4vw,58px);
  pointer-events:none;
}
.mobi-rates-info-strip{
  background:#F8F4EC;
  background-image:none;
}
.mobi-rates-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  padding:6px 0 10px;
  border-bottom:1px solid #E6DCCB;
}
.mobi-rates-info-grid>div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:0;
  padding:7px 14px;
  font-size:12px;
  font-weight:725;
  line-height:1.45;
  color:#21473C;
}
.mobi-rates-info-grid>div+div{border-left:1px solid #E4D6BF}
.mobi-rates-info-grid i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  background:#E8EEE5;
  color:#21594A;
  border-radius:50%;
  font-size:15px;
}
.mobi-section.mobi-rates-luxo-table{
  padding:clamp(22px,2.45vw,37px) 0 clamp(54px,5vw,79px);
  background:#F8F4EC;
}
.mobi-rates-luxo-table .mobi-rates-table-heading{
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  justify-content:space-between;
  gap:12px 25px;
  margin:0 0 8px;
}
.mobi-rates-luxo-table .mobi-rates-table-heading .mobi-kicker{
  margin:0 0 7px;
  font-size:10px;
}
.mobi-rates-luxo-table .mobi-rates-table-heading h2{
  margin:0;
  color:#183A34;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(29px,2.55vw,39px);
  line-height:1.18;
  letter-spacing:-.035em;
}
.mobi-rates-luxo-table .mobi-rates-table-heading .mobi-text-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 0 4px;
  color:#183A34;
  font-size:12.5px;
  font-weight:750;
  line-height:1.45;
  text-decoration:underline;
  text-decoration-color:#B8995E;
  text-underline-offset:5px;
  white-space:nowrap;
}
.mobi-rates-luxo-table>.mobi-wrap>p:not(.mobi-policy-note){
  max-width:850px;
  margin:0 0 18px;
  color:#52665B;
  font-size:14px;
  line-height:1.62;
}
.mobi-rates-luxo-table .mobi-rate-scroll{
  margin-bottom:16px;
  border-radius:9px;
  border:1px solid #E4D8C5;
  box-shadow:0 4px 15px rgba(24,58,52,.045);
}
.mobi-rates-luxo-table .mobi-rate-table thead th{
  padding:12px clamp(13px,2vw,23px);
  font-size:12px;
}
.mobi-rates-luxo-table .mobi-rate-table tbody th,
.mobi-rates-luxo-table .mobi-rate-table tbody td{
  padding:13px clamp(13px,2vw,23px);
}
.mobi-rates-luxo-table .mobi-rate-table tbody td{
  font-size:clamp(18px,1.5vw,22px);
}
.mobi-rates-luxo-table .mobi-policy-note{
  font-size:12.5px;
  line-height:1.65;
}
.mobi-rates-luxo-table .mobi-rates-actions{margin-top:20px}
@media(max-width:760px){
  .mobi-rates-info-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .mobi-rates-info-grid>div{
    padding:5px 8px;
    gap:7px;
    justify-content:center;
    font-size:10.5px;
  }
  .mobi-rates-info-grid i{
    flex:0 0 24px;
    width:24px;
    height:24px;
    font-size:13px;
  }
}
@media(max-width:640px){
  .mobi-page-heading.mobi-rates-luxo-intro{
    padding:22px 0 54px;
    background-image:
      linear-gradient(90deg,rgba(12,53,40,.94),rgba(12,53,40,.68)),
      url('/wp-content/uploads/2026/11/Casa-Hotel-Pousada-Laranjal-em-Pelotas-RS-3.jpg');
    background-position:center center,center 55%;
  }
  .mobi-page-heading.mobi-rates-luxo-intro h1{font-size:37px}
  .mobi-page-heading.mobi-rates-luxo-intro .mobi-rates-hero-description{
    max-width:430px;
    font-size:13px;
    line-height:1.55;
  }
  .mobi-rates-hero-wave{height:40px}
  .mobi-rates-info-grid{
    grid-template-columns:minmax(0,1fr);
    padding:3px 0 9px;
  }
  .mobi-rates-info-grid>div{
    justify-content:flex-start;
    padding:7px 3px;
    gap:8px;
    font-size:11.5px;
    min-height:35px;
  }
  .mobi-rates-info-grid>div+div{
    border-left:0;
    border-top:1px solid #E4D6BF;
  }
  .mobi-section.mobi-rates-luxo-table{padding:23px 0 55px}
  .mobi-rates-luxo-table .mobi-rates-table-heading{align-items:start}
  .mobi-rates-luxo-table .mobi-rates-table-heading h2{font-size:31px}
  .mobi-rates-luxo-table .mobi-rates-table-heading .mobi-text-link{font-size:12px}
  .mobi-rates-luxo-table>.mobi-wrap>p:not(.mobi-policy-note){
    margin:0 0 14px;
    font-size:13.5px;
  }
  .mobi-rates-luxo-table .mobi-rate-scroll{border-radius:7px}
  .mobi-rates-luxo-table .mobi-rate-table{min-width:630px}
}

/* TARIFAS RICH CONTENT V3 | 2026-11-02 | fotos, acomodacoes reais e planejamento */
.mobi-rates-real-stays{
  padding:clamp(53px,5.7vw,88px) 0 clamp(61px,6.2vw,95px);
  background:#FFFCF7;
  color:#183A34;
}
.mobi-rates-rich-heading{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);
  align-items:end;
  gap:clamp(25px,5vw,75px);
  margin:0 0 30px;
}
.mobi-rates-real-stays .mobi-kicker,.mobi-rates-prive .mobi-kicker,.mobi-rates-guide-rich .mobi-kicker{
  margin:0 0 12px;
  color:#977443;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.5;
}
.mobi-rates-rich-heading h2{
  max-width:700px;
  margin:0;
  color:#183A34;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(33px,3.5vw,52px);
  font-weight:400;
  line-height:1.14;
  letter-spacing:-.037em;
  text-wrap:balance;
}
.mobi-rates-rich-heading h2 em,.mobi-rates-guide-rich h2 em{
  color:#907043;
  font-weight:400;
  font-style:italic;
}
.mobi-rates-rich-heading>p{
  margin:0 0 4px;
  padding-left:22px;
  border-left:1px solid #D8C4A2;
  color:#506458;
  font-size:14px;
  line-height:1.76;
}
.mobi-rates-real-stays-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,1.65vw,23px);
  align-items:stretch;
}
.mobi-rates-real-stay{
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid #E4DCCF;
  border-radius:10px;
  background:#FFFCF8;
  box-shadow:0 5px 16px rgba(27,52,43,.055);
}
.mobi-rates-real-stay-image{
  display:block;
  position:relative;
  width:100%;
  height:auto;
  aspect-ratio:1.65/1;
  overflow:hidden;
  background:#E5DFD1;
  color:#183A34;
}
.mobi-rates-real-stay-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
.mobi-rates-real-stay:hover .mobi-rates-real-stay-image img{transform:scale(1.025)}
.mobi-rates-real-stay-image>span:not(.mobi-image-placeholder){
  position:absolute;
  z-index:2;
  left:14px;
  top:14px;
  max-width:calc(100% - 28px);
  padding:6px 12px;
  border-radius:30px;
  background:#E7C895;
  color:#183A34;
  font-size:10px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  line-height:1.35;
}
.mobi-rates-real-stay-content{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:19px 18px 21px;
}
.mobi-rates-real-stay h3{
  margin:0 0 10px;
  color:#183A34;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,1.9vw,29px);
  font-weight:400;
  letter-spacing:-.035em;
  line-height:1.13;
}
.mobi-rates-real-stay h3 a{color:inherit;text-decoration:none}
.mobi-rates-real-stay h3 a:hover{color:#65812F}
.mobi-rates-real-stay-content>p{
  margin:0 0 17px;
  color:#506357;
  font-size:13px;
  line-height:1.65;
}
.mobi-rates-real-stay-specs{
  list-style:none;
  margin:auto 0 17px;
  padding:11px 0 0;
  width:100%;
  border-top:1px solid #E9E0D2;
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
}
.mobi-rates-real-stay-specs li{
  margin:0;
  color:#4C6357;
  font-size:11px;
  line-height:1.35;
}
.mobi-rates-real-stay-specs li+li::before{
  content:"·";
  margin-right:9px;
  color:#AD8E59;
}
.mobi-rates-real-stay-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#195140;
  font-size:12px;
  font-weight:760;
  line-height:1.4;
  border-bottom:1px solid #B89A66;
  padding-bottom:4px;
  text-decoration:none;
}
.mobi-rates-real-stay-link:hover{color:#6E842E}
.mobi-rates-catalog-note{
  margin:20px 0 0;
  color:#607368;
  font-size:12.5px;
  line-height:1.65;
}
/* Exclusive property: distinct from the Casa Executiva pricing category */
.mobi-rates-prive{
  position:relative;
  isolation:isolate;
  background:#183A34;
  color:#FFFCF7;
  padding:clamp(90px,8vw,130px) 0 clamp(90px,8vw,130px);
}
.mobi-rates-prive-curve{
  position:absolute;
  z-index:1;
  left:0;
  display:block;
  width:100%;
  height:clamp(44px,5vw,65px);
  pointer-events:none;
}
.mobi-rates-prive-curve-top{top:-1px}
.mobi-rates-prive-curve-bottom{bottom:-1px}
.mobi-rates-prive-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  align-items:center;
  gap:clamp(32px,5.2vw,86px);
}
.mobi-rates-prive-photo{
  width:100%;
  height:clamp(350px,34vw,520px);
  margin:0;
  overflow:hidden;
  border-radius:10px;
  background:#356154;
  box-shadow:0 14px 27px rgba(3,25,19,.12);
}
.mobi-rates-prive-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.mobi-rates-prive-content{min-width:0}
.mobi-rates-prive .mobi-kicker{color:#E7C895}
.mobi-rates-prive h2{
  margin:0 0 18px;
  color:#FFFDF8;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,4.1vw,64px);
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.041em;
  text-wrap:balance;
}
.mobi-rates-prive h2 em{color:#E7C895;font-weight:400}
.mobi-rates-prive-subtitle{
  margin:0 0 15px;
  color:#FFFDF8!important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(20px,2vw,28px)!important;
  line-height:1.28!important;
}
.mobi-rates-prive-content>p:not(.mobi-kicker){
  color:#DFEAE1;
  font-size:14px;
  line-height:1.7;
}
.mobi-rates-prive-specs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:22px 0 17px;
  padding:17px 0;
  border-top:1px solid rgba(255,252,246,.25);
  border-bottom:1px solid rgba(255,252,246,.25);
}
.mobi-rates-prive-specs span{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  padding:0 17px;
  color:#E0EAE1;
  font-size:12px;
}
.mobi-rates-prive-specs span:first-child{padding-left:0}
.mobi-rates-prive-specs span+span{border-left:1px solid rgba(255,252,246,.21)}
.mobi-rates-prive-specs strong{
  color:#E7C895;
  font-family:Georgia,"Times New Roman",serif;
  font-size:33px;
  font-weight:400;
  line-height:1.05;
}
.mobi-rates-prive-price-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 22px;
  color:#D9E4DB;
  font-size:12px;
  line-height:1.56;
}
.mobi-rates-prive-price-note i{flex:none;color:#E7C895;margin-top:2px}
.mobi-rates-prive-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.mobi-rates-prive-actions .mobi-button-sand{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  min-height:45px;
  padding:11px 17px;
  background:#E7C895;
  color:#183A34;
  border:1px solid #E7C895;
  border-radius:5px;
  font-size:12px;
  font-weight:750;
  text-decoration:none;
}
.mobi-rates-prive-actions .mobi-button-sand:hover{background:#ABC042;border-color:#ABC042}
.mobi-rates-prive-actions>a:not(.mobi-button){
  color:#FFFDF8;
  font-size:12px;
  font-weight:740;
  border-bottom:1px solid #B99C6C;
  padding-bottom:3px;
  text-decoration:none;
}
.mobi-rates-guide-rich{background:#EDEBE2}
.mobi-rates-guide-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:start;
  gap:clamp(38px,6vw,90px);
}
.mobi-rates-guide-intro h2{
  margin:0 0 19px;
  color:#183A34;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(34px,3.4vw,51px);
  font-weight:400;
  line-height:1.14;
  letter-spacing:-.035em;
}
.mobi-rates-guide-intro>p:not(.mobi-kicker){
  max-width:540px;
  margin:0 0 20px;
  color:#506458;
  line-height:1.7;
  font-size:14px;
}
.mobi-rates-guide-intro figure{
  margin:0;
  width:100%;
  height:clamp(250px,25vw,345px);
  overflow:hidden;
  border-radius:9px;
  background:#D4D9CA;
}
.mobi-rates-guide-intro figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.mobi-rates-guide-points{min-width:0}
.mobi-rates-guide-points article{
  display:grid;
  grid-template-columns:43px minmax(0,1fr);
  gap:16px;
  padding:20px 0 19px;
  border-bottom:1px solid #D7CEBD;
}
.mobi-rates-guide-points article:first-child{padding-top:4px}
.mobi-rates-guide-points article>span{
  color:#987443;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1.2;
}
.mobi-rates-guide-points h3{
  margin:0 0 8px;
  color:#183A34;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(21px,1.8vw,26px);
  line-height:1.22;
}
.mobi-rates-guide-points p{
  margin:0;
  color:#4D6357;
  font-size:13.5px;
  line-height:1.68;
}
.mobi-rates-guide-points>.mobi-text-link{
  display:inline-flex;
  margin-top:17px;
  padding-bottom:4px;
  border-bottom:1px solid #B99A66;
  text-decoration:none;
}
@media(max-width:1190px){
  .mobi-rates-real-stays-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobi-rates-real-stay-image{aspect-ratio:1.85/1}
  .mobi-rates-prive-grid{gap:38px}
}
@media(max-width:900px){
  .mobi-rates-prive-grid{grid-template-columns:minmax(0,1fr)}
  .mobi-rates-prive-photo{height:clamp(320px,50vw,490px)}
  .mobi-rates-guide-grid{grid-template-columns:minmax(0,1fr)}
  .mobi-rates-guide-intro figure{height:330px}
}
@media(max-width:700px){
  .mobi-rates-real-stays{padding:54px 0 62px}
  .mobi-rates-rich-heading{grid-template-columns:minmax(0,1fr);gap:13px;margin-bottom:24px}
  .mobi-rates-rich-heading h2{font-size:clamp(33px,8.2vw,42px)}
  .mobi-rates-rich-heading>p{padding-left:13px;font-size:13px}
  .mobi-rates-real-stays-grid{grid-template-columns:minmax(0,1fr);gap:15px}
  .mobi-rates-real-stay-image{aspect-ratio:1.9/1}
  .mobi-rates-real-stay-content{padding:18px}
  .mobi-rates-real-stay h3{font-size:27px}
  .mobi-rates-prive{padding:82px 0 87px}
  .mobi-rates-prive-photo{height:310px}
  .mobi-rates-prive h2{font-size:43px}
  .mobi-rates-prive-subtitle{font-size:22px!important}
  .mobi-rates-prive-specs span{padding:0 12px}
  .mobi-rates-prive-specs strong{font-size:30px}
  .mobi-rates-guide-intro h2{font-size:38px}
  .mobi-rates-guide-intro figure{height:265px}
  .mobi-rates-guide-points article{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:18px 0}
}
@media(prefers-reduced-motion:reduce){
  .mobi-rates-real-stay-image img{transition:none}
}
