/* Demo "Visual Imersivo" — Pousada Caminho do Cerrado */

/* HERO FULL-BLEED: na versão real, é a foto do cliente cobrindo a tela.
   Aqui simulamos a atmosfera com um degradê quente + textura. */
.imersivo {
  position: relative; min-height: 92vh; display: grid; align-items: end;
  color: #fff; overflow: hidden;
  background:
    radial-gradient(120% 90% at 70% 12%, rgba(212,165,116,.55), transparent 55%),
    linear-gradient(180deg, #2A1D12 0%, #4A3520 38%, #5A4128 62%, #2A1D12 100%);
  background-color: #2A1D12;
}
.imersivo::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(20,12,6,.15) 0%, rgba(20,12,6,.65) 100%); z-index: 0; }
.imersivo .k-container { position: relative; z-index: 1; padding-bottom: var(--sp-9); }
.imersivo__eyebrow { letter-spacing: .2em; text-transform: uppercase; font-size: var(--text-sm);
  color: var(--brand-soft); margin: 0 0 var(--sp-4); font-weight: 600; }
.imersivo h1 { font-family: var(--font-display); font-weight: 600; color: #fff;
  font-size: var(--text-4xl); line-height: 1.0; letter-spacing: -0.02em; margin: 0; max-width: 16ch; text-wrap: balance; }
.imersivo h1 em { font-style: italic; font-weight: 500; color: var(--brand-soft); }
.imersivo__lead { color: rgba(255,255,255,.86); font-size: var(--text-lg); max-width: 46ch; margin: var(--sp-5) 0 0; }
.imersivo .k-hero__actions { margin-top: var(--sp-6); }
.imersivo .k-btn--secondary { color: #fff; border-color: rgba(255,255,255,.5); }
.imersivo .k-btn--secondary:hover { background: rgba(255,255,255,.1); border-color: #fff; }
.imersivo__nota { position: absolute; top: var(--sp-4); right: var(--sp-5); z-index: 1;
  font-size: var(--text-label); color: rgba(255,255,255,.6); }

/* acomodações: cards com imagem 4:3 */
.acom { display: grid; gap: var(--sp-5); grid-template-columns: repeat(3, 1fr); margin-top: var(--sp-6); }
@media (max-width: 820px) { .acom { grid-template-columns: 1fr; max-width: 440px; margin-inline: auto; } }
.acom__card { border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; background: var(--paper); }
.acom__card .img-cover { aspect-ratio: 4/3;
  background: repeating-linear-gradient(45deg, oklch(.9 .015 72) 0 10px, oklch(.94 .01 72) 10px 20px); }
.acom__txt { padding: var(--sp-5); }
.acom__txt h3 { margin: 0 0 var(--sp-2); font-size: var(--text-md); }
.acom__txt p { margin: 0; color: var(--ink-soft); font-size: var(--text-sm); }