/* Página de unidade: carregado só em /unidades/<slug> (Pagina.estilos), para não pesar no CSS que bloqueia a
   renderização das outras páginas. Mesmo cache e mesma versão (?v=) do site.css. */
/* =====================================================================
   PÁGINA DE UNIDADE · celular primeiro (ESPEC-UNIDADE-MOBILE.md e PARECER-BRAND-DIRECTOR.md, 20/10/2026)
   Substitui a revisão de 12/10 (.un-topo, .un-filme, .un-detalhes). Sem cor, fonte ou raio novos: tudo de tokens.css.
   ===================================================================== */

/* topo: abaixo de 900 px a barra de baixo é o botão de reserva desta página (PARECER A1); nas outras, o topo não muda */
@media (max-width:899px){.topo .btn--topo{display:none}}
.ico{width:20px;height:20px;flex:0 0 20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ico--grande{width:34px;height:34px;flex-basis:auto;stroke-width:1.3}
.un-rotulo{margin:0 0 14px;display:flex;align-items:center;gap:10px}
.un-rotulo::before{content:"";width:18px;height:2px;background:var(--verde)}
.un-rot{font-family:var(--dado);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px}

/* ---------- galeria: fotos e vídeo no mesmo trilho ---------- */
.galeria{position:relative;min-width:0;background:var(--basalto)}
.galeria__palco{position:relative}
.galeria__trilho{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scrollbar-width:none;position:relative}
.galeria__trilho::-webkit-scrollbar{display:none}
.galeria__slide{scroll-snap-align:start;position:relative;aspect-ratio:3/2;background:var(--basalto);overflow:hidden}
.galeria__abrir{display:block;width:100%;height:100%;cursor:zoom-in}
.galeria__slide img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;filter:saturate(.6) contrast(1.08)}
.galeria__slide.retrato img{object-fit:contain}
.galeria__slide--video .video{max-width:none;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}
.galeria__slide--video .video__tocar .mono{font-size:12px}
/* etiqueta de espécime que é também o controle: ← 01 / 03 →. Sem sombra externa: ela sujava a costura (PARECER 2b) */
.galeria__ficha{position:absolute;left:6vw;bottom:12px;z-index:3;display:flex;align-items:center;background:var(--jazida);color:var(--verde);border-radius:var(--raio-controle)}
.galeria__contador{margin:0;padding:0 2px;font-size:12px;min-width:7ch;text-align:center;font-variant-numeric:tabular-nums}
.galeria__seta,.visor__seta{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--osso);cursor:pointer;border-radius:var(--raio-controle);
  transition:color .18s var(--curva),transform .18s var(--curva)}
.galeria__seta[aria-disabled=true],.visor__seta[aria-disabled=true]{opacity:.32;cursor:default}
.galeria__seta svg,.visor__seta svg,.galeria__tudo svg,.visor__fechar svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
/* selo do vídeo na 1ª foto (microcopy §3: «Vídeo · 0:45»); some quando o vídeo é o item da vez */
.galeria__selo{position:absolute;right:6vw;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;cursor:pointer;
  background:rgba(18,21,14,.72);color:var(--osso);border-radius:var(--raio-controle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  font-family:var(--dado);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:opacity .18s var(--curva),transform .18s var(--curva)}
.galeria__selo .num{letter-spacing:.04em;font-weight:400}
.galeria__selo{white-space:nowrap}
.galeria__tri{width:0;height:0;border-left:9px solid var(--verde);border-top:6px solid transparent;border-bottom:6px solid transparent}
.galeria[data-no-video] .galeria__selo{opacity:0;pointer-events:none}
.galeria__tudo{display:none;position:absolute;right:14px;bottom:14px;z-index:3;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;cursor:pointer;
  background:rgba(239,238,234,.92);color:var(--jazida);border-radius:var(--raio-controle);font-family:var(--dado);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
/* 1 foto sem vídeo: «Ver a foto» dentro do slide, preso à foto */
.galeria--uma .galeria__slide .galeria__tudo{display:inline-flex;right:10px;bottom:10px;background:rgba(18,21,14,.72);color:var(--osso)}
@media (max-width:430px){.galeria__tudo-longo{display:none}}
html:not(.js) .galeria__seta,html:not(.js) .galeria__tudo,html:not(.js) .galeria__selo{display:none}
.galeria--sem-foto .galeria__trilho{grid-auto-columns:100%}

/* O Corte da página: a costura entre a foto e a ficha (PARECER 2b). 12 px de verde + 2 px de ametista = 14 px. Não anima. */
.corte-costura{box-sizing:border-box;height:14px;background:var(--verde);border-bottom:2px solid var(--ametista);position:relative;z-index:2}

/* ---------- corpo: no celular uma coluna ordenada; no computador ficha à esquerda e cartão fixo à direita ---------- */
.un-corpo{display:flex;flex-direction:column}
.un-corpo__grade,.un-corpo__esq{display:contents}
.un-ficha{order:1;position:relative;padding:18px 6vw var(--e3)}
.un-destaques{order:2}
.un-onde{order:3}
.un-itens{order:4}
.un-aval{order:5}
.un-saber{order:6}
.un-reservar{order:7}

/* ficha · trilha só no computador (A2); nome 52 px no celular (A3, 3,06× o corpo de 17 px) */
.un-ficha .trilha{display:none;gap:8px;margin:0 0 10px;font-size:11px}
.un-ficha .trilha a{opacity:.78;padding:2px 0}
.un-ficha .trilha span{opacity:.5}
.un-nome{font-size:52px;line-height:.9;margin:0}
.un-cap{margin:10px 0 0;font-size:17px;line-height:1.45}
.un-cap .n{font-family:var(--dado);font-size:.92em;letter-spacing:0;font-variant-numeric:tabular-nums}
.un-cap--celular>span{display:block}
.un-cap--pc{display:none}
.un-nota{display:flex;align-items:center;gap:8px;margin-top:2px;min-height:44px;font-size:17px;text-decoration:underline;text-decoration-color:rgba(39,58,0,.4);text-underline-offset:4px;color:inherit}
.un-nota .num{font-size:.92em}
.un-nota__estrela{width:16px;height:16px;flex:0 0 16px;fill:var(--jazida);stroke:none}
@media (hover:hover){a.un-nota:hover{text-decoration-color:var(--jazida)}}

/* preço com o que inclui (A6). No computador mora no cartão. */
.un-preco{margin-top:10px;padding-top:12px;border-top:1px solid rgba(39,58,0,.28)}
.un-preco__linha{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;font-size:17px;line-height:1.2}
.un-preco__valor{font-size:30px;font-weight:600;letter-spacing:-.01em;line-height:1}
.un-preco__por{margin:4px 0 0;font-size:17px;line-height:1.35}
.un-preco__aviso{margin:4px 0 0;font-size:16px;line-height:1.35;opacity:.82}
.un-preco__inclui{list-style:none;margin:8px 0 0;padding:0;font-size:17px;line-height:1.35}
.un-preco__inclui li{position:relative;padding-left:16px;text-wrap:pretty}
.un-preco__inclui li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--jazida)}
.un-sinal{margin:8px 0 0;font-size:16px;line-height:1.4}
.un-sinal .num{font-size:.92em}
.un-sinal a{text-underline-offset:3px;white-space:nowrap}
.un-destaques__fixo .meia{white-space:nowrap}

/* destaques (A14): um texto por célula, ficha de 2 colunas com fio */
.un-destaques{padding:0 6vw var(--e4)}
.un-destaques__lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(39,58,0,.28)}
.un-destaques__lista li{display:flex;gap:10px;align-items:center;padding:12px 10px 12px 0;border-bottom:1px solid rgba(39,58,0,.16);min-height:56px;font-size:17px;line-height:1.3}
.un-destaques__lista li:nth-child(even){padding-left:12px;border-left:1px solid rgba(39,58,0,.16)}
.un-destaques__lista .num{font-size:.92em}
.un-destaques__fixo{grid-column:span var(--span,1)}
.un-destaques__lista li.un-destaques__fixo:nth-child(even){border-left:0;padding-left:0}
.un-destaques__lista li.un-destaques__fixo[style*="--span:1"]:nth-child(even){border-left:1px solid rgba(39,58,0,.16);padding-left:12px}

/* onde fica (A15): faixa jazida; «3 km» em Anton, o resto do título em Newsreader romano; régua com teto de 40 px por km */
.un-onde{position:relative;background:var(--jazida);color:var(--osso);padding:var(--e4) 6vw;overflow:hidden}
.un-onde .un-rotulo{color:var(--verde)}
.un-onde__titulo{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:0 12px;margin:0;font-family:var(--texto);font-weight:400;font-size:21px;line-height:1.25}
.un-onde__km{font-size:clamp(84px,23vw,168px);line-height:.8;color:var(--osso);white-space:nowrap}
.un-onde__a{padding-bottom:4px}
.un-onde__resto{max-width:12ch;padding-bottom:4px;font-size:19px}
@media (min-width:900px){.un-onde__resto{font-size:21px}}
.un-onde__linha{margin:var(--e2) 0 0;font-size:17px;color:var(--pedra);max-width:36ch}
.regua{position:relative;margin:var(--e3) 0 var(--e3);height:calc(var(--km,4) * 40px);padding-left:2px}
.regua__linha{position:absolute;left:5px;top:0;bottom:0;width:2px;background:rgba(239,238,234,.24)}
.regua__linha i{position:absolute;inset:0;background:var(--verde);transform-origin:50% 0;transform:scaleY(1)}
.js .regua__linha i{transform:scaleY(0);transition:transform 1.4s var(--curva) .2s}
.js .regua.vis .regua__linha i{transform:scaleY(1)}
.regua__marcos{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.regua__marcos li{position:absolute;left:0;transform:translateY(-50%);display:grid;grid-template-columns:12px 64px 1fr;align-items:center;gap:0 14px;width:100%}
.regua__marcos li::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--jazida);box-shadow:inset 0 0 0 2px var(--osso)}
.regua__marcos li:first-child::before{background:var(--verde);box-shadow:none}
.regua__marcos li .num{font-size:13px;font-weight:600;color:var(--verde);letter-spacing:.04em}
.regua__marcos li span:last-child{font-size:17px;line-height:1.25}
.un-onde__end{margin:0 0 var(--e2);font-size:16px;color:var(--pedra);max-width:34ch}
.un-onde .btn .ico{width:18px;height:18px;flex-basis:18px}
.un-onde__simbolo{position:absolute;right:-130px;top:-40px;width:190px;height:auto;opacity:.12;pointer-events:none}

/* o que tem na unidade (A16) */
.un-itens{position:relative;background:var(--pedra);padding:var(--e4) 6vw}
.un-itens h2,.un-saber h2{font-size:clamp(40px,11.5vw,72px);line-height:.94;margin:0 0 var(--e3);position:relative}
.un-itens__desc{margin:0 0 var(--e3);font-size:17px;max-width:40ch;position:relative}
.un-itens .un-rotulo,.un-camas,.un-lista{position:relative}
.un-camas{list-style:none;margin:0 0 var(--e3);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:3px}
.un-camas li{background:rgba(239,238,234,.55);padding:16px 14px;border-radius:var(--raio-container);display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.3}
.un-lista{list-style:none;margin:0;padding:0;border-top:1px solid rgba(39,58,0,.3)}
.un-lista li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(39,58,0,.22);font-size:17px;line-height:1.35;min-height:52px}

/* avaliações (A17): basalto; «4,6» em Anton verde é o número que decide */
.un-aval{position:relative;background:var(--basalto);color:var(--osso);padding:var(--e4) 6vw;overflow:hidden}
.un-aval .grao{mix-blend-mode:screen;opacity:.06;background-image:radial-gradient(circle at 50% 50%,rgba(239,238,234,.9) .5px,transparent .6px)}
.un-aval .un-rotulo{color:var(--verde)}
.un-aval__titulo{display:flex;align-items:flex-end;flex-wrap:wrap;gap:0 16px;margin:0;font-family:var(--texto);font-weight:400;font-size:21px;line-height:1.25}
.un-aval__titulo .disp{font-size:clamp(88px,26vw,150px);line-height:.8;color:var(--verde)}
.un-aval__titulo>span:last-child{padding-bottom:6px;max-width:14ch}
.un-aval__nota{margin:28px 0 var(--e3);color:var(--pedra);font-size:17px}
.un-depo{margin:0;padding:var(--e3) 0 0;border-top:1px solid rgba(239,238,234,.2);max-width:40ch}
.un-depo blockquote{margin:0}
.un-depo__titulo{font-style:italic;font-size:clamp(23px,6.4vw,34px);line-height:1.2;margin:0 0 12px;color:var(--osso)}
.un-depo blockquote p:not(.un-depo__titulo){margin:0;color:var(--pedra);font-size:17px}
.un-depo figcaption{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.un-depo figcaption .mono{color:var(--osso)}
.un-depo__tag{font-family:var(--dado);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:5px 9px;border-radius:var(--raio-controle);box-shadow:inset 0 0 0 1px rgba(239,238,234,.35);color:var(--pedra)}
.un-aval__link{display:inline-flex;align-items:center;gap:6px;margin-top:var(--e3);min-height:44px;font-family:var(--dado);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--verde);text-decoration:none;white-space:nowrap}
.un-aval__link .ico{width:16px;height:16px;flex-basis:16px;transition:transform .18s var(--curva)}
@media (hover:hover){.un-aval__link:hover .ico{transform:translateX(3px)}}

/* o que você precisa saber (A18) */
.un-saber{position:relative;background:var(--osso);padding:var(--e4) 6vw}
.un-cancel{margin:0 0 var(--e4)}
.un-cancel .un-rot{margin-bottom:14px}
.un-cancel__fita{list-style:none;margin:0;padding:0}
.un-cancel__fita li{position:relative;padding:4px 0 18px 26px}
.un-cancel__fita li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px var(--osso),0 0 0 4px rgba(39,58,0,.3)}
.un-cancel__fita li::after{content:"";position:absolute;left:5px;top:24px;bottom:-4px;width:2px;background:rgba(39,58,0,.18)}
.un-cancel__fita li:last-child::after{display:none}
.un-cancel__fita b{display:block;font-size:13px;font-weight:600;letter-spacing:.04em}
.un-cancel__fita span{display:block;font-size:17px;line-height:1.35}
.un-cancel__nota{margin:6px 0 0 26px;font-size:16px;opacity:.86}
.un-saber__lista{margin:0;border-top:1px solid rgba(39,58,0,.28)}
.un-saber__lista>div{padding:18px 0;border-bottom:1px solid rgba(39,58,0,.16)}
.un-saber__lista dd{margin:0;font-size:17px}
.un-saber__lista dd p{margin:0 0 6px}
.un-saber__lista dd p:last-child{margin-bottom:0}
.un-pet summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.un-pet summary::-webkit-details-marker{display:none}
.un-pet summary .ico{transition:transform .18s var(--curva)}
.un-pet[open] summary .ico{transform:rotate(45deg)}
.un-pet p{font-size:16px;margin:8px 0 0}

/* cartão de reserva: no fim da página no celular (A19); fixo à direita no computador */
.un-reservar{background:var(--pedra);padding:var(--e4) 6vw;position:relative}
.un-cartao{background:var(--osso);border-radius:var(--raio-container);padding:24px 20px;box-shadow:0 1px 2px rgba(39,58,0,.18),0 14px 34px rgba(39,58,0,.16)}
.un-cartao__titulo{margin:0 0 10px}
.un-form{margin-top:18px}
.un-form .busca__campo:last-of-type:nth-of-type(odd){grid-column:1/-1}
.un-aviso,.un-conta{grid-column:1/-1;margin:0}
.un-aviso{color:var(--ametista);font-size:16px}
.un-conta dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:16px}
.un-conta dt{margin:0}
.un-conta dd{margin:0;text-align:right;font-family:var(--dado);font-variant-numeric:tabular-nums;font-size:15px}
.un-conta .total{padding-top:10px;border-top:1px solid rgba(39,58,0,.28);font-weight:600}
.un-conta dd.total{font-weight:600;font-size:17px}
.un-conta dd.sinal span{background:var(--ametista);color:var(--osso);padding:2px 7px;border-radius:var(--raio-controle)}
.un-cartao .un-sinal{margin-top:14px}
[hidden]{display:none!important}

/* ---------- barra fixa de baixo (celular): visível desde a tela 1, com 3 estados (A8 a A11) ---------- */
.barra-reservar{z-index:35;gap:12px;padding:10px 6vw calc(10px + env(safe-area-inset-bottom));min-height:68px}
.barra__info{min-width:0;display:flex;flex-direction:column;gap:2px}
.barra__l1{font-size:15px;line-height:1.15;white-space:nowrap}
.barra__valor{font-family:var(--dado);font-variant-numeric:tabular-nums;font-weight:600;font-size:21px;color:var(--verde)}
.barra__l2,.barra__l3{font-family:var(--dado);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pedra);white-space:nowrap;line-height:1.2}
.barra-reservar[data-estado="livre"] .barra__l1{font-family:var(--dado);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pedra)}
.barra-reservar[data-estado="livre"] .barra__valor{display:block;font-size:21px;line-height:1.1}
.barra-reservar[data-estado="sem-vaga"] .barra__l1{white-space:normal;font-size:15px;line-height:1.25}
.barra-reservar[data-estado="capacidade"] .barra__l1{white-space:normal;font-size:14px;line-height:1.2}
.barra-reservar .barra__btn{flex:0 0 auto;min-height:48px;padding:0 18px;font-size:12px}
.barra-reservar .barra__btn .num{font-size:inherit;color:inherit;font-weight:inherit}
@media (min-width:900px){.barra-reservar{display:none}}

/* WhatsApp: acima da barra, e some enquanto o preço ou a folha de datas está na tela (A20) */
body:has(.barra-reservar) .zap{bottom:88px;transition:transform .18s var(--curva),opacity .18s var(--curva)}
@media (max-width:899px){
  body.preco-na-tela .zap,body.folha-aberta .zap{transform:translateY(16px);opacity:0;pointer-events:none}
}
@media (min-width:900px){body:has(.barra-reservar) .zap{bottom:24px}}

/* folha de datas (celular) */
.folha{border:0;padding:0;margin:auto 0 0;width:100%;max-width:100%;max-height:92svh;background:var(--osso);color:var(--jazida);border-radius:var(--raio-container) var(--raio-container) 0 0;
  box-shadow:0 -20px 50px rgba(18,21,14,.35);overflow:auto}
.folha::backdrop{background:rgba(18,21,14,.6)}
.folha[open]{animation:folha-sobe .38s var(--curva) both}
@keyframes folha-sobe{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.folha__topo{display:flex;align-items:center;justify-content:space-between;padding:14px 6vw 0}
.folha__topo .mono{margin:0}
.folha__fechar{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;margin-right:-10px;color:var(--jazida)}
.folha .un-form{margin:0;padding:10px 6vw calc(20px + env(safe-area-inset-bottom))}
html.folha-aberta{overflow:hidden}
/* aviso «sem vaga»: caixa no centro, por cima da folha */
.aviso-vaga{border:0;padding:36px 24px 24px;width:min(88vw,360px);background:var(--osso);color:var(--jazida);border-radius:var(--raio-container);box-shadow:0 20px 50px rgba(18,21,14,.35);text-align:center}
.aviso-vaga::backdrop{background:rgba(18,21,14,.6)}
.aviso-vaga__texto{margin:0 0 28px;font-size:25px;font-weight:600;line-height:1.2;text-wrap:balance}
.aviso-vaga .btn{width:100%}

/* ---------- computador ---------- */
@media (min-width:900px){
  .galeria{background:transparent;padding:20px 7vw 0}
  .galeria__trilho{grid-auto-flow:row;grid-auto-columns:auto;gap:6px;overflow:visible;height:clamp(320px,calc(100svh - 72px - 470px),520px)}
  .galeria__slide{aspect-ratio:auto;border-radius:0}
  .galeria--k1 .galeria__trilho{grid-template-columns:1fr}
  .galeria--k2 .galeria__trilho{grid-template-columns:1fr 1fr}
  .galeria--k3 .galeria__trilho{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
  .galeria--k3 .galeria__slide:first-child{grid-row:1/3}
  .galeria--k3 .galeria__slide:nth-child(n+4){display:none}
  .galeria__trilho>:first-child{border-radius:var(--raio-container) 0 0 var(--raio-container)}
  .galeria__trilho>:last-child,.galeria--k3 .galeria__trilho>:nth-child(2){border-top-right-radius:var(--raio-container)}
  .galeria--k1 .galeria__trilho>:first-child{border-radius:var(--raio-container)}
  .galeria__ficha,.galeria__selo{display:none}
  .galeria__tudo{display:inline-flex}
  .galeria--uma .galeria__slide .galeria__tudo{right:16px;bottom:16px}

  .un-corpo__grade{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--e4);padding:0 7vw;align-items:start}
  .un-corpo__esq{display:block;min-width:0}
  .un-ficha{padding:28px 0 var(--e3)}
  .un-ficha .trilha{display:flex}
  .un-nome{font-size:clamp(64px,5.6vw,80px)}
  .un-cap--celular{display:none}
  .un-cap--pc{display:block;font-size:19px;margin-top:16px}
  .un-preco{display:none}
  .un-destaques{padding:0 0 var(--e4)}
  .un-destaques__lista{grid-template-columns:repeat(3,1fr)}
  .un-destaques__lista li:nth-child(even){border-left:0;padding-left:0}
  .un-destaques__lista li:not(:nth-child(3n+1)){padding-left:16px;border-left:1px solid rgba(39,58,0,.16)}
  .un-destaques__fixo{grid-column:span var(--span-pc,1)}
  .un-itens{background:transparent;padding:0 0 var(--e5)}
  /* o grão vai na faixa inteira ou não vai (A16): no computador a lista não é faixa */
  .un-itens .grao{display:none}
  .un-itens h2,.un-saber h2{font-size:clamp(44px,3.9vw,60px)}
  .un-camas{grid-template-columns:repeat(3,1fr)}
  .un-camas li{background:rgba(201,198,184,.45)}
  .un-lista{columns:2;column-gap:40px;border-top:0}
  .un-lista li{break-inside:avoid}
  .un-reservar{background:transparent;padding:28px 0 var(--e4);position:sticky;top:92px;order:0}
  .un-cartao{padding:26px 26px 22px;border:1px solid rgba(39,58,0,.16)}
  .un-onde{display:grid;grid-template-columns:5fr 7fr;gap:var(--e4);align-items:start;padding:var(--e5) 7vw}
  .un-onde__km{font-size:clamp(150px,14vw,220px)}
  .un-onde__resto{min-width:14ch}
  .regua{margin:0 0 var(--e3);height:calc(var(--km,4) * 58px)}
  .un-onde__simbolo{right:-60px;top:-30px}
  .un-aval{display:grid;grid-template-columns:5fr 7fr;gap:var(--e4);align-items:start;padding:var(--e5) 7vw}
  .un-depo{border-top:0;padding-top:0}
  .un-saber{display:grid;grid-template-columns:5fr 7fr;gap:var(--e4);padding:var(--e5) 7vw}
  .un-saber h2{grid-column:1/-1;margin:0}
  .un-cancel{margin:0}
}
@media (hover:hover){
  .galeria__seta:not([aria-disabled=true]):hover,.visor__seta:not([aria-disabled=true]):hover{color:var(--verde)}
  .galeria__selo:hover{background:var(--jazida);transform:translateY(-2px)}
  .galeria__tudo:hover{background:var(--osso)}
  .galeria__abrir:hover img{transform:scale(1.015)}
  .galeria__abrir img{transition:transform .62s var(--curva)}
}

/* entrada: nome e galeria só com transform (a foto é o LCP); o resto com o fade do site */
.js .sobe.sobe--leve{opacity:1;transition:transform .62s var(--curva)}
.sobe[data-atraso="3"]{transition-delay:.27s}

/* pôster do YouTube: o hqdefault (4:3) traz faixas pretas em cima e embaixo; o recorte esconde as faixas */
.video .video__poster--4x3{inset:auto 0;top:-16.67%;height:133.34%}
/* 1 foto + vídeo (regra de 19/10): a capa é o pôster do vídeo no palco, com o tratamento das fotos */
.galeria--capa-video .video .video__poster.video__poster--capa{object-fit:cover;object-position:50% 55%;filter:saturate(.6) contrast(1.08)}
.video__icone{transition:transform .18s var(--curva),box-shadow .18s var(--curva)}

/* ---------- visor em tela cheia ---------- */
html.visor-aberto{overflow:hidden}
.visor{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(18,21,14,.97);color:var(--osso);
  display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);overflow:hidden}
/* sem isto a coluna do grid media 410 px em 390 e o "Fechar" saía da tela */
.visor>*{min-width:0}
.visor:not([open]){display:none}
.visor::backdrop{background:var(--basalto)}
.visor[open]{animation:visor-entra .18s var(--curva) both}
@keyframes visor-entra{from{opacity:0}to{opacity:1}}
.visor__topo{display:flex;align-items:center;gap:var(--e2);padding:10px 6vw;padding-top:calc(10px + env(safe-area-inset-top))}
.visor__nome{margin:0;color:var(--verde);flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visor__contador{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.visor__fechar{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:0;background:transparent;color:var(--osso);cursor:pointer;border-radius:var(--raio-controle);
  font-family:var(--dado);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 0 0 1px rgba(239,238,234,.28)}
.visor__trilho{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none;min-height:0}
.visor__trilho::-webkit-scrollbar{display:none}
.visor__slide{scroll-snap-align:center;scroll-snap-stop:always;display:grid;place-items:center;padding:0 6vw;min-height:0}
.visor__slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--raio-container)}
.visor__seta{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;background:rgba(18,21,14,.6);z-index:2}
.visor__seta--ant{left:12px}.visor__seta--prox{right:12px}
.visor__legenda{margin:0;padding:10px 6vw 0;font-size:15px;color:var(--pedra);min-height:2.6em;text-align:center}
.visor__miniaturas{list-style:none;margin:0;padding:10px 6vw;padding-bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:3px;overflow-x:auto;scrollbar-width:none;justify-content:safe center}
.visor__miniaturas::-webkit-scrollbar{display:none}
.visor__mini{display:block;width:64px;height:44px;padding:0;border:0;border-radius:var(--raio-controle);overflow:hidden;opacity:.45;cursor:pointer;background:var(--basalto);
  box-shadow:inset 0 -3px 0 transparent;transition:opacity .18s var(--curva)}
.visor__mini img{width:100%;height:100%;object-fit:cover}
.visor__mini[aria-current=true]{opacity:1;outline:2px solid var(--verde);outline-offset:-2px}
.visor :focus-visible{outline:2px solid var(--verde);outline-offset:3px}
@media (max-width:899px){.visor__seta{display:none}.visor__slide{padding:0}.visor__slide img{border-radius:0}}
@media (min-width:900px){.visor__slide{padding:0 88px}.visor__mini{width:84px;height:56px}}
@media (hover:hover){.visor__fechar:hover{box-shadow:inset 0 0 0 1px var(--verde);color:var(--verde)}.visor__mini:hover{opacity:1}}
/* visor: o vídeo também entra (S-03, «Ver as n fotos e o vídeo") */
.visor__slide--video .video{width:min(100%,1100px);max-width:none;aspect-ratio:16/9;box-shadow:none}

@media (prefers-reduced-motion:reduce){
  .galeria__trilho,.visor__trilho{scroll-behavior:auto}
  .js .regua__linha i{transform:scaleY(1);transition:none}
  .folha[open]{animation:none}
}