/* Só a tela /casa carrega esta folha, depois de src/site.css (que traz as letras, a barra do topo, o rodapé e os botões). */
/* ---- /casa: a casa das HypersKids em 3D. O molde desta tela não leva estilo embutido: tudo mora aqui. ---- */
[data-b22="casa-page"]{--hk-chao:#07120b;--hk-laje:#0d1f14;--hk-amarelo:#f2c94c;--hk-creme:#f3efe2;--hk-apoio:#c9c6b8;--hk-verde:#2fd36b;--hk-linha:rgba(242,201,76,.22);
  display:flex;flex-direction:column;gap:clamp(72px,9vw,128px);padding:clamp(14px,2vw,24px) clamp(12px,2vw,24px) clamp(72px,9vw,120px);color:var(--hk-creme)}
[data-b22="casa-page"] .sc-interp{display:contents}
[data-b22="casa-page"] ::selection{background:var(--hk-amarelo);color:var(--hk-chao)}
[data-b22="casa-page"] :focus-visible{outline:2px solid var(--hk-amarelo);outline-offset:3px}
[data-b22="casa-page"] button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
[data-b22="casa-page"] button[aria-disabled="true"]{cursor:not-allowed;opacity:.45}
[data-b22="casa-page"] h1,[data-b22="casa-page"] h2{margin:0;font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;line-height:var(--guia);text-wrap:balance}
[data-b22="casa-page"] p{margin:0}
/* palco: título e seletor de partes acima da janela do 3D (numa linha só em tela larga; empilhados no celular) */
[data-b22="casa-palco"]{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
[data-b22="casa-topo"]{display:flex;flex-direction:column;gap:14px;padding:8px 4px 4px}
[data-b22="casa-cabeca"]{display:flex;flex-direction:column;gap:8px}
[data-b22="casa-cabeca"] h1{font-size:clamp(40px,11vw,60px);line-height:.99} /* como o título da abertura do site: sem acento nem cedilha nos dois idiomas */
[data-b22="casa-cabeca"] p{font-size:15px;line-height:1.45;color:var(--hk-apoio);max-width:44ch}
[data-b22="casa-predios"],[data-b22="casa-vistas"],[data-b22="casa-zoom"]{display:flex;gap:2px;padding:4px;background:var(--hk-chao);border:1px solid var(--hk-linha);border-radius:16px;align-self:flex-start;max-width:100%;overflow-x:auto;scrollbar-width:none}
[data-b22="casa-predios"] button,[data-b22="casa-vistas"] button,[data-b22="casa-zoom"] button{flex:none;border:0;background:none;color:var(--hk-apoio);padding:10px 14px;border-radius:12px;font-weight:700;font-size:14px;line-height:1.2;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
[data-b22="casa-predios"] button:hover,[data-b22="casa-vistas"] button:hover,[data-b22="casa-zoom"] button:hover{color:var(--hk-creme)}
[data-b22="casa-predios"] button[aria-pressed="true"],[data-b22="casa-vistas"] button[aria-pressed="true"]{background:var(--hk-amarelo);color:var(--hk-chao)}
/* a cena: janela do 3D, história da etapa e trilho. É ela que vai para a tela cheia (onde não há, ela se expande na página) */
[data-b22="casa-cena"]{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
[data-b22="casa-cena"][data-full="1"],[data-b22="casa-cena"]:fullscreen{grid-template-rows:minmax(0,1fr) auto;padding:12px;background:var(--hk-chao);overflow:auto}
[data-b22="casa-cena"][data-full="1"]{position:fixed;inset:0;z-index:60;height:100dvh}
[data-b22="casa-cena"][data-full="1"] [data-b22="casa-janela"],[data-b22="casa-cena"]:fullscreen [data-b22="casa-janela"]{height:auto;min-height:260px}
[data-b22="casa-janela"]{position:relative;overflow:hidden;border-radius:24px;background:#c4d5dc;height:clamp(340px,56svh,540px);isolation:isolate}
[data-b22="casa-poster"],[data-b22="casa-canvas"]{position:absolute;inset:0}
[data-b22="casa-poster"] img{display:block;width:100%;height:100%;object-fit:cover}
[data-b22="casa-canvas"]{outline-offset:-4px;cursor:grab}
[data-b22="casa-canvas"]:active{cursor:grabbing}
/* comandos por cima da janela. No celular: vistas prontas em cima à esquerda, com a dica de uso (ou o aviso de carga, ou o de erro)
   logo abaixo, e aproximar/afastar/tela cheia empilhados na borda direita, como num mapa. Em tela larga vira uma barra só, à direita.
   O que não é botão deixa o arrasto passar para o 3D. */
[data-b22="casa-comandos"]{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:grid;grid-template:"vistas zoom" auto "nota zoom" 1fr/minmax(0,1fr) auto;gap:8px;align-items:start;justify-items:start;pointer-events:none}
[data-b22="casa-vistas"]{grid-area:vistas;overflow:visible;pointer-events:auto}
[data-b22="casa-zoom"]{grid-area:zoom;flex-direction:column;overflow:visible;pointer-events:auto}
[data-b22="casa-vistas"] button{display:grid;place-items:center;min-height:40px;padding:8px 9px;font-size:13px}
[data-b22="casa-icone"]{display:grid;place-items:center;width:40px;height:40px;padding:0}
[data-b22="casa-dica"],[data-b22="casa-carregando"]{grid-area:nota;max-width:100%;padding:8px 12px;border-radius:14px;background:var(--hk-chao);color:var(--hk-creme);font-size:12px;font-weight:600;line-height:1.3;pointer-events:none}
[data-b22="casa-carregando"]::before{content:'';display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--hk-amarelo);animation:blink 1.2s infinite}
[data-b22="casa-erro"]{grid-area:nota;justify-self:stretch;pointer-events:auto;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:var(--hk-chao);font-size:14px;line-height:1.45}
[data-b22="casa-erro"] span{color:var(--hk-apoio)}
[data-b22="casa-erro"] button{align-self:flex-start;margin-top:4px;border:1px solid var(--hk-amarelo);background:none;color:var(--hk-amarelo);border-radius:999px;padding:8px 14px;font-weight:800;font-size:13px}
[data-b22="casa-ref"]{position:absolute;z-index:2;right:12px;bottom:12px;width:132px;padding:0;border:0;border-radius:14px;overflow:hidden;background:var(--hk-chao);text-align:left;transition:transform .2s ease}
[data-b22="casa-ref"]:hover{transform:translateY(-3px)}
[data-b22="casa-ref"] img{display:block;width:100%;height:78px;object-fit:cover}
[data-b22="casa-ref"]>span{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px}
[data-b22="casa-ref"] strong{font-size:12px;font-weight:800;line-height:1.2}
[data-b22="casa-ref"] small{font-size:11px;font-weight:700;color:var(--hk-amarelo)}
/* a história da etapa: em tela larga é uma laje sobre a cena; no celular vem logo abaixo da tira */
[data-b22="casa-historia"]>div{display:flex;align-items:center;gap:12px}
[data-b22="casa-numero"]{font-family:'Anton',sans-serif;font-size:40px;line-height:1;color:var(--hk-amarelo)}
[data-b22="casa-tipo"]{border:1px solid currentColor;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:var(--hk-apoio)}
[data-b22="casa-tipo"][data-kind="photos"]{color:var(--hk-verde)}
[data-b22="casa-tipo"][data-kind="projection"]{color:var(--hk-amarelo)}
[data-b22="casa-historia"] h2{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;line-height:1.2;text-transform:none}
[data-b22="casa-historia"] p{font-size:15px;line-height:1.55;color:var(--hk-apoio);text-wrap:pretty}
[data-b22="casa-historia"][data-flip="0"]>*{animation:hkpar .28s cubic-bezier(.2,.8,.2,1)}
[data-b22="casa-historia"][data-flip="1"]>*{animation:hkimpar .28s cubic-bezier(.2,.8,.2,1)}
@keyframes hkpar{from{opacity:0;transform:translateY(6px)}}
@keyframes hkimpar{from{opacity:0;transform:translateY(6px)}}
/* trilho: tocar, a tira de etapas (quadros tirados do próprio modelo) e a conta */
[data-b22="casa-trilho"]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 16px;padding:14px 10px 22px;border-radius:24px;background:var(--hk-laje)}
[data-b22="casa-play"]{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;font-weight:800;font-size:15px;line-height:1.2;text-align:left}
[data-b22="casa-play-disco"]{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--hk-amarelo);color:var(--hk-chao);transition:transform .18s ease}
[data-b22="casa-play"]:hover [data-b22="casa-play-disco"]{transform:scale(1.06)}
[data-b22="casa-play"]{grid-row:1;grid-column:1;justify-self:start}
[data-b22="casa-conta"]{grid-row:1;grid-column:2}
[data-b22="casa-conta"]{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--hk-apoio);font-variant-numeric:tabular-nums}
[data-b22="casa-etapas"]{position:relative;grid-row:2;grid-column:1/-1}
[data-b22="casa-range"]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
[data-b22="casa-range"]:focus-visible+[data-b22="casa-tira"]{outline:2px solid var(--hk-amarelo);outline-offset:6px}
[data-b22="casa-tira"]{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:74px;border-radius:12px;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
[data-b22="casa-tira"]::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:2px;background:rgba(243,239,226,.16)}
[data-b22="casa-quadro"]{position:relative;container-type:inline-size;overflow:hidden;border-radius:10px;background:#1b2e22;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .18s ease}
[data-b22="casa-quadro"] img{display:block;width:100%;height:100%;object-fit:cover;opacity:.5;transition:opacity .25s ease}
[data-b22="casa-quadro"][data-on="true"]{outline-color:var(--hk-amarelo)}
[data-b22="casa-quadro"][data-on="true"] img,[data-b22="casa-quadro"][data-done="true"] img{opacity:1}
[data-b22="casa-quadro"]::before{content:'';position:absolute;z-index:1;top:6px;left:6px;width:8px;height:8px;border-radius:2px;background:rgba(243,239,226,.6)} /* o marcador quadrado da legenda: tipo da etapa */
[data-b22="casa-quadro"][data-kind="photos"]::before{background:var(--hk-verde)}
[data-b22="casa-quadro"][data-kind="projection"]::before{background:var(--hk-amarelo)}
[data-b22="casa-quadro"]::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(rgba(7,18,11,0),rgba(7,18,11,.88))}
[data-b22="casa-quadro"]>span{position:absolute;z-index:1;left:4px;right:1px;bottom:5px;display:flex;flex-direction:column;gap:1px;font-size:11px;font-weight:800;line-height:1.15;color:var(--hk-creme);white-space:nowrap}
[data-b22="casa-quadro"] b{font-family:'Anton',sans-serif;font-weight:400;font-size:17px;color:var(--hk-amarelo)}
[data-b22="casa-quadro"] i{font-style:normal;display:none} /* quadro estreito: fica o número; o nome da etapa está na história, logo abaixo */
@container (min-width:60.5px){ /* o nome entra quando cabe inteiro em 11px, com 3px de folga (em inglês os nomes são mais longos: o corte é maior) */
  [data-b22="casa-quadro"] i{display:block}
  [data-b22="casa-quadro"] b{font-size:14px}
}
@container (min-width:60.5px) and (max-width:64.9px){
  [data-b22="casa-quadro"] i:lang(en){display:none}
  [data-b22="casa-quadro"] b:lang(en){font-size:17px}
}
[data-b22="casa-feito"]{position:absolute;z-index:1;left:0;bottom:-10px;height:3px;width:70%;border-radius:2px;background:var(--hk-amarelo);pointer-events:none}
/* o cursor some atrás da faixa onde ficam número e nome da etapa: a linha não corta o texto do quadro escolhido */
[data-b22="casa-cursor"]{position:absolute;z-index:2;top:-6px;bottom:-14px;left:70%;width:2px;margin-left:-1px;background:linear-gradient(var(--hk-amarelo) 0 38%,transparent 46% 80%,var(--hk-amarelo) 86%);pointer-events:none}
[data-b22="casa-cursor"]::before{content:'';position:absolute;top:-5px;left:50%;width:12px;height:12px;border-radius:3px;background:var(--hk-amarelo);transform:translateX(-50%) rotate(45deg)}
[data-b22="casa-ferramentas"]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:4px 4px 0}
[data-b22="casa-ferramentas"]>p{flex:1 1 280px;font-size:13px;line-height:1.5;color:#9aa79d;max-width:62ch}
[data-b22="casa-ferramentas"]>div{display:flex;flex-wrap:wrap;gap:8px}
[data-b22="casa-ferramentas"] button,[data-b22="casa-video"]{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--hk-linha);border-radius:999px;background:none;padding:10px 16px;font-weight:700;font-size:14px;line-height:1.2;color:var(--hk-creme);transition:border-color .18s ease,color .18s ease}
[data-b22="casa-ferramentas"] button:hover:not([aria-disabled="true"]),[data-b22="casa-video"]:hover{border-color:var(--hk-amarelo);color:var(--hk-amarelo)}
[data-b22="casa-aviso"]{flex:1 1 100%;font-size:14px;color:var(--hk-creme)}
[data-b22="casa-video"]{background:var(--hk-amarelo);border-color:var(--hk-amarelo);color:var(--hk-chao)}
[data-b22="casa-video"]:hover{color:var(--hk-chao)}
/* seções de baixo: fotos, legenda, números e o fecho */
/* as seções de texto seguem a grade do site (a mesma borda esquerda da barra do topo e do rodapé); só a janela do 3D vai mais larga.
   A folga da barra do topo na rolagem já vem de html{scroll-padding-top} (src/site.css). */
[data-b22="casa-fotos"],[data-b22="casa-legenda"],[data-b22="casa-numeros"],[data-b22="casa-fecho"]{width:100%;max-width:min(1152px,100% - 2*(var(--margem) - clamp(12px,2vw,24px)));margin:0 auto;display:flex;flex-direction:column;gap:28px;scroll-margin-top:16px}
[data-b22="casa-page"] section>h2,[data-b22="casa-secao-cabeca"] h2{font-size:clamp(36px,6vw,72px)}
[data-b22="casa-secao-cabeca"]{display:flex;flex-direction:column;gap:14px}
[data-b22="casa-secao-cabeca"] p{font-size:18px;line-height:1.55;color:var(--hk-apoio);max-width:62ch;text-wrap:pretty}
[data-b22="casa-foto-palco"]{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
[data-b22="casa-foto"]{margin:0;overflow:hidden;border-radius:24px;background:var(--hk-laje)}
[data-b22="casa-foto"] img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#16261c}
[data-b22="casa-foto"] figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 20px 20px}
[data-b22="casa-foto"] figcaption>span:first-child{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--hk-apoio)}
[data-b22="casa-foto"] figcaption strong{font-size:20px;font-weight:800;line-height:1.25}
[data-b22="casa-foto"] figcaption>span:last-child{font-size:15px;line-height:1.5;color:var(--hk-apoio)}
[data-b22="casa-foto-lista"]{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--hk-amarelo) transparent}
[data-b22="casa-foto-lista"] button{flex:none;width:128px;display:flex;flex-direction:column;gap:8px;padding:6px 6px 10px;border:1px solid transparent;border-radius:14px;background:var(--hk-laje);text-align:left;scroll-snap-align:start;transition:border-color .18s ease}
[data-b22="casa-foto-lista"] button[aria-pressed="true"]{border-color:var(--hk-amarelo)}
[data-b22="casa-foto-lista"] img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:9px}
[data-b22="casa-foto-lista"] span{padding:0 4px;font-size:13px;font-weight:700;line-height:1.25}
[data-b22="casa-legenda"] dl,[data-b22="casa-numeros"] dl{margin:0;display:flex;flex-direction:column}
[data-b22="casa-legenda"] dl>div{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:22px 0;border-top:1px solid var(--hk-linha)}
[data-b22="casa-legenda"] dt{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;line-height:1.2}
[data-b22="casa-legenda"] dt::before{content:'';flex:none;width:14px;height:14px;border-radius:3px;background:rgba(243,239,226,.55)}
[data-b22="casa-legenda"] [data-kind="photos"] dt::before{background:var(--hk-verde)}
[data-b22="casa-legenda"] [data-kind="projection"] dt::before{background:var(--hk-amarelo)}
[data-b22="casa-legenda"] dd{margin:0;font-size:17px;line-height:1.6;color:var(--hk-apoio);max-width:70ch;text-wrap:pretty}
[data-b22="casa-numeros"] dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--hk-linha)}
[data-b22="casa-numeros"] dt{font-size:17px;line-height:1.4;color:var(--hk-apoio)}
[data-b22="casa-numeros"] dd{margin:0;font-family:'Anton',sans-serif;font-size:clamp(26px,3.6vw,40px);line-height:1;color:var(--hk-amarelo);text-align:right;font-variant-numeric:tabular-nums}
[data-b22="casa-numeros"]>p{font-size:14px;color:#9aa79d}
[data-b22="casa-fecho"]{gap:20px;padding-top:clamp(40px,6vw,72px);border-top:1px solid var(--hk-linha)}
[data-b22="casa-fecho"]>p{font-size:19px;line-height:1.55;color:var(--hk-apoio);max-width:60ch;text-wrap:pretty}
[data-b22="casa-envio"]{white-space:nowrap;font-weight:800;color:var(--hk-amarelo)}
[data-b22="casa-fecho"]>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
[data-b22="casa-transp"],[data-b22="casa-ig"]{padding:16px 28px;border-radius:999px;font-weight:800;font-size:19px;line-height:1.2;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s ease,color .2s ease,border-color .2s ease}
[data-b22="casa-transp"]{background:#00812f;color:#fff}
[data-b22="casa-transp"]:hover{color:#fff;transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,156,59,.4)}
[data-b22="casa-ig"]{border:1.5px solid var(--hk-creme);color:var(--hk-creme)}
[data-b22="casa-ig"]:hover{border-color:var(--hk-amarelo);color:var(--hk-amarelo);transform:translateY(-3px)}
[data-b22="casa-historia"]{display:flex;flex-direction:column;gap:8px;order:3;padding:6px 4px 0}
[data-b22="casa-trilho"]{order:2}
@media (max-width:559px){
  [data-b22="casa-predios"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;overflow:visible}
  [data-b22="casa-predios"] button{min-height:44px;padding:10px 8px;font-size:13px}
  [data-b22="casa-cabeca"] h1{font-size:clamp(34px,10.4vw,48px)}
}
@media (max-width:359px){ /* as três vistas ocupam a linha de cima; a pilha de aproximar desce */
  [data-b22="casa-comandos"]{grid-template:"vistas vistas" auto "nota zoom" auto/minmax(0,1fr) auto}
}
@media (min-width:560px){
  [data-b22="casa-tira"]{height:92px;gap:4px}
  [data-b22="casa-cursor"]{background:linear-gradient(var(--hk-amarelo) 0 50%,transparent 57% 82%,var(--hk-amarelo) 87%)}
  [data-b22="casa-trilho"]{padding:14px 16px 22px}
}
@container (min-width:136px){ /* quadro com largura para número e nome na mesma linha (quem decide é o próprio quadro, não a tela) */
  [data-b22="casa-quadro"]>span{flex-direction:row;align-items:baseline;gap:6px;font-size:12px;letter-spacing:.03em;text-transform:uppercase;left:9px;bottom:7px}
  [data-b22="casa-quadro"] b{font-size:15px}
  [data-b22="casa-quadro"]::before{top:8px;left:9px;width:10px;height:10px}
}
@media (min-width:980px){
  /* título à esquerda e as partes do conjunto à direita, numa linha só acima da janela (texto por cima de um 3D que gira não tem contraste garantido) */
  [data-b22="casa-topo"]{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding:6px 8px 4px}
  [data-b22="casa-cabeca"] h1{font-size:clamp(44px,4.4vw,68px)}
  [data-b22="casa-cabeca"] p{max-width:none}
  [data-b22="casa-predios"]{align-self:flex-end}
  [data-b22="casa-janela"]{height:clamp(440px,calc(100svh - 372px),860px);border-radius:28px}
  [data-b22="casa-comandos"]{top:20px;left:20px;right:20px;grid-template:"vistas zoom" auto "nota nota" auto/auto auto;justify-content:end;justify-items:end}
  [data-b22="casa-zoom"]{flex-direction:row}
  [data-b22="casa-vistas"] button{min-height:34px;padding:8px 10px}
  [data-b22="casa-icone"]{width:34px;height:34px}
  [data-b22="casa-dica"],[data-b22="casa-carregando"]{max-width:none;white-space:nowrap}
  [data-b22="casa-erro"]{justify-self:end;width:340px}
  [data-b22="casa-janela"],[data-b22="casa-historia"]{grid-row:1;grid-column:1}
  [data-b22="casa-historia"]{z-index:2;align-self:end;justify-self:start;order:0;margin:0 0 20px 20px;width:min(420px,calc(100% - 260px));padding:18px 22px 20px;border-radius:20px;background:var(--hk-chao)}
  [data-b22="casa-trilho"]{grid-row:2}
  [data-b22="casa-ref"]{right:20px;bottom:20px;width:188px}
  [data-b22="casa-ref"] img{height:112px}
  [data-b22="casa-ref"] strong{font-size:13px}
  [data-b22="casa-ref"] small{font-size:12px}
  [data-b22="casa-trilho"]{grid-template-columns:auto minmax(0,1fr) auto;gap:20px;padding:14px 22px 24px 14px}
  [data-b22="casa-etapas"]{grid-row:1;grid-column:2}
  [data-b22="casa-conta"]{grid-column:3}
  [data-b22="casa-conta"]{font-size:14px}
  [data-b22="casa-foto-palco"]{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;align-items:start}
  [data-b22="casa-foto-lista"]{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;overflow:visible;padding:0}
  [data-b22="casa-foto-lista"] button{width:auto;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;padding:7px}
  [data-b22="casa-foto-lista"] span{padding:0;font-size:15px}
  [data-b22="casa-legenda"] dl>div{grid-template-columns:260px minmax(0,1fr);gap:32px}
}
@media (prefers-reduced-motion:reduce){
  [data-b22="casa-historia"]>*{animation:none!important}
  [data-b22="casa-carregando"]::before{animation:none}
}
/* chamada da página inicial para /casa */

/* legenda permanente do modelo, logo abaixo da janela do 3D */
[data-b22="casa-page"] [data-b22="casa-nota-modelo"]{font-size:13px;line-height:1.5;color:var(--hk-apoio);padding:0 4px}
/* o molde da tela fica na página até o motor montá-la; sem JavaScript, aparece só o aviso com o caminho de volta */
x-dc{display:none}
.sem-roteiro{margin:0;padding:64px var(--margem);font-size:1.0625rem;line-height:1.6}