/*
 * JB Nórdica — página da casa (ficha técnica) e galeria em tela cheia. Dono: papel "projeto".
 * Cores só pelos tokens (assets/nordico/tokens.css). A planta fica SEMPRE sobre --palco-planta (#FFFFFF),
 * nos dois modos. Celular primeiro: 768 px tablet, 1080 px computador. Nada abaixo de 14 px.
 */

html:not(.jn-js) .jn-so-js { display: none !important; }
.jn-casa { padding-bottom: var(--e-4); }
.jn-casa__previa { margin-top: var(--e-4); }

/* ---------- Topo ---------- */
.jn-casa__topo { display: flex; flex-direction: column; gap: 10px; padding-bottom: var(--e-5); }
.jn-casa__titulo { margin-top: 6px; font-size: var(--t-h1); line-height: 1.1; overflow-wrap: anywhere; max-width: 30ch; }
.jn-casa__meta { color: var(--ink-2); font-size: 15px; font-weight: 600; }
.jn-casa__destaque { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--ink); font-size: 16px; font-weight: 650; }
.jn-casa__carac { display: flex; flex-wrap: wrap; gap: 8px; }
.jn-casa__carac li {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px;
  border-radius: var(--r-pilula); border: 1px solid var(--line); background: var(--surface); font-size: 15px; font-weight: 600;
}
.jn-casa__carac .jn-ico { color: var(--ink-3); }
.jn-casa__acoes { display: flex; flex-wrap: wrap; gap: 8px; }
:is(.jn-casa__fav, .jn-barra-casa__fav) .jn-ico-cheio,
:is(.jn-casa__fav, .jn-barra-casa__fav) .jn-fav-sim { display: none; }
:is(.jn-casa__fav, .jn-barra-casa__fav)[aria-pressed="true"] .jn-ico-vazio,
:is(.jn-casa__fav, .jn-barra-casa__fav)[aria-pressed="true"] .jn-fav-nao { display: none; }
:is(.jn-casa__fav, .jn-barra-casa__fav)[aria-pressed="true"] .jn-ico-cheio { display: block; color: var(--promo); fill: currentColor; }
:is(.jn-casa__fav, .jn-barra-casa__fav)[aria-pressed="true"] .jn-fav-sim { display: inline; }

/* ---------- Grade: 1 coluna no celular; 7/5 com a caixa de preço fixa no computador ---------- */
.jn-casa__grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--e-6); }
@media (min-width: 1080px) {
  .jn-casa__grade { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--e-8) 40px; }
  .jn-casa__palco { grid-column: 1; grid-row: 1; }
  .jn-casa__lateral { grid-column: 2; grid-row: 1 / span 2; }
  .jn-casa__conteudo { grid-column: 1; grid-row: 2; }
  .jn-caixa-preco { position: sticky; top: 88px; }
}

/* ---------- Palco (fotos, planta, vídeo) ---------- */
.jn-palco { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.jn-palco__principal { position: relative; aspect-ratio: 4 / 3; border-radius: var(--r-card); overflow: hidden; border: 1px solid var(--line); background: var(--surface-2); }
.jn-palco__principal.jn-planta-palco { background: var(--palco-planta); }
@media (min-width: 1080px) { .jn-palco__principal { aspect-ratio: 3 / 2; } }
.jn-palco__link, .jn-palco__link picture { display: block; width: 100%; height: 100%; }
.jn-palco__img { width: 100%; height: 100%; object-fit: cover; }
.jn-planta-palco .jn-palco__img { object-fit: contain; }
.jn-palco__principal--vazio { display: flex; align-items: center; justify-content: center; padding: 24px; text-align: center; color: var(--ink-2); }
/* Linha logo abaixo da foto: promoção, vídeo e "Ver as N imagens" (nada por cima da casa). */
.jn-palco__linha { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.jn-palco__ampliar {
  display: inline-flex; align-items: center; gap: 6px; min-height: var(--h-alvo); padding: 0 14px; margin-left: auto;
  border-radius: var(--r-pilula); border: 1px solid var(--line); background: var(--surface); color: var(--ink); font-size: 16px; font-weight: 650; text-decoration: none;
}
.jn-palco__ampliar:hover { color: var(--fiorde); border-color: var(--fiorde); }
.jn-palco__minis { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 6px; scrollbar-width: thin; overscroll-behavior-x: contain; }
.jn-palco__minis li { flex: 0 0 auto; }
.jn-palco__mini { display: flex; flex-direction: column; gap: 4px; width: 104px; color: var(--ink-2); font-size: 14px; font-weight: 600; text-decoration: none; }
.jn-palco__mini:hover { color: var(--fiorde); }
.jn-palco__mini-img { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 8px; overflow: hidden; border: 1px solid var(--line); background: var(--surface-2); }
.jn-palco__mini-img.jn-planta-palco { background: var(--palco-planta); }
.jn-palco__mini-img img { width: 100%; height: 100%; object-fit: cover; }
.jn-palco__mini-img.jn-planta-palco img { object-fit: contain; }
.jn-palco__mini[aria-current="true"] .jn-palco__mini-img { border: 2px solid var(--fiorde); }
.jn-palco__mini-play {
  position: absolute; inset: 0; margin: auto; width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; background: var(--galeria-fundo); color: var(--galeria-tinta);
}
.jn-palco__mini-vazio { display: block; width: 100%; height: 100%; background: var(--galeria-fundo); }
@media (min-width: 1080px) { .jn-palco__mini { width: 120px; } }

/* ---------- Caixa de preço ---------- */
.jn-caixa-preco {
  display: flex; flex-direction: column; gap: 14px; padding: 18px; border-radius: var(--r-card);
  border: 1px solid var(--line); background: var(--surface); box-shadow: var(--sombra-1);
}
[data-tema="noite"] .jn-caixa-preco { box-shadow: none; }
.jn-caixa-preco__condicoes { border: 1px solid var(--promo); border-radius: var(--r-botao); background: var(--promo-suave); color: var(--promo-texto); }
.jn-caixa-preco__condicoes summary { display: flex; align-items: center; gap: 8px; min-height: var(--h-alvo); padding: 0 14px; font-size: 15px; font-weight: 650; cursor: pointer; list-style: none; }
.jn-caixa-preco__condicoes > div { display: flex; flex-direction: column; gap: 8px; padding: 0 14px 14px; color: var(--ink); font-size: 15px; }
.jn-caixa-preco__mais { text-align: center; font-size: 15px; }
.jn-casa__lateral .jn-sem-conexao-aviso { margin-top: 12px; }
:is(.jn-caixa-preco__condicoes, .jn-casa-grupo) summary::-webkit-details-marker { display: none; }
:is(.jn-caixa-preco__condicoes, .jn-casa-grupo) summary::after { content: "+"; margin-left: auto; font-size: 24px; line-height: 1; color: var(--fiorde); }
:is(.jn-caixa-preco__condicoes, .jn-casa-grupo)[open] summary::after { content: "−"; }
.jn-caixa-preco__condicoes summary::after { color: inherit; }
.jn-caixa-preco[data-carregando] { opacity: .55; transition: opacity var(--mov); }

/* ---------- Seções ---------- */
.jn-casa-sec { display: flex; flex-direction: column; gap: 14px; padding: var(--e-8) 0 0; scroll-margin-top: 72px; }
.jn-casa-sec + .jn-casa-sec { margin-top: var(--e-8); border-top: 1px solid var(--line); }
.jn-casa__conteudo > .jn-casa-sec:first-child { padding-top: 0; }

/* Seções que abrem ao tocar (26/10/2026: a página tinha 16 telas no celular). Linhas com divisória; o título e um
   resumo de uma linha ficam à vista e a seta gira ao abrir. Sem JavaScript também abrem (details/summary). */
.jn-casa-sec--abre { display: block; padding: 0; scroll-margin-top: 72px; }
.jn-casa-sec + .jn-casa-sec--abre { margin-top: var(--e-8); border-top: 1px solid var(--line); }
.jn-casa-sec--abre + .jn-casa-sec--abre { margin-top: 0; }
.jn-casa-sec--abre:last-child { border-bottom: 1px solid var(--line); }
.jn-casa-sec__cabeca {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 14px; row-gap: 4px;
  min-height: 72px; padding: 16px 2px; cursor: pointer; list-style: none; -webkit-tap-highlight-color: transparent;
}
.jn-casa-sec__cabeca::-webkit-details-marker { display: none; }
.jn-casa-sec--abre .jn-casa-sec__titulo { grid-column: 1; font-size: 20px; line-height: 1.25; }
.jn-casa-sec__resumo { grid-column: 1; color: var(--ink-2); font-size: 15px; line-height: 1.35; }
.jn-casa-sec__abrir {
  grid-column: 2; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;
  border-radius: 50%; background: var(--fiorde-suave); color: var(--fiorde); transition: transform var(--mov) var(--curva);
}
.jn-casa-sec--abre[open] .jn-casa-sec__abrir { transform: rotate(180deg); }
.jn-casa-sec__cabeca:hover .jn-casa-sec__titulo { color: var(--fiorde); }
.jn-casa-sec__cabeca:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--foco-folga), 0 0 0 5px var(--fiorde); border-radius: 8px; }
.jn-casa-sec__corpo { display: flex; flex-direction: column; gap: 14px; padding: 0 0 var(--e-6); }
@media (prefers-reduced-motion: reduce) { .jn-casa-sec__abrir { transition: none; } }

.jn-casa-sec__sub { margin-top: 8px; font-size: var(--t-h3); }
.jn-casa-sec__lead, .jn-casa-sec__texto { color: var(--ink-2); max-width: 68ch; }
.jn-casa-sec__texto { display: flex; flex-direction: column; gap: 12px; }
.jn-casa-sec__nota { font-size: 15px; color: var(--ink-2); max-width: 68ch; }
/* Ficha técnica em duas colunas também no celular (26/10/2026): rótulo em cima e valor embaixo (era uma linha por item). */
.jn-casa-ficha { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--line); }
.jn-casa-ficha > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 10px 14px; background: var(--surface); }
.jn-casa-ficha > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
.jn-casa-ficha dt { color: var(--ink-2); font-size: 14px; line-height: 1.3; }
.jn-casa-ficha dd { margin: 0; font-weight: 650; line-height: 1.35; overflow-wrap: anywhere; }
@media (min-width: 768px) {
  .jn-casa-ficha > div { flex-direction: row; justify-content: space-between; align-items: baseline; gap: 16px; padding: 12px 16px; }
  .jn-casa-ficha dt { font-size: 15px; }
  .jn-casa-ficha dd { text-align: right; }
}
.jn-casa-lista { display: flex; flex-direction: column; gap: 6px; padding-left: 22px; list-style: disc; }
.jn-casa-lista li::marker { color: var(--ink-3); }
.jn-casa-grupo { border: 1px solid var(--line); border-radius: var(--r-botao); background: var(--surface); }
.jn-casa-grupo summary { display: flex; align-items: center; gap: 12px; min-height: var(--h-botao); padding: 10px 16px; font-weight: 650; cursor: pointer; list-style: none; }
.jn-casa-grupo__n {
  display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; padding: 0 8px; margin-left: auto;
  border-radius: 14px; background: var(--surface-2); color: var(--ink-2); font-size: 14px;
}
.jn-casa-grupo summary::after { margin-left: 0; }
.jn-casa-grupo .jn-casa-lista { padding: 0 16px 16px 38px; }
.jn-casa-opcoes, .jn-casa-madeiras, .jn-casa-videos { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 768px) { .jn-casa-opcoes, .jn-casa-madeiras { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.jn-casa-opcao, .jn-casa-madeira { padding: 18px 16px 16px; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--surface); }
.jn-casa-opcao h4 { margin-bottom: 10px; }
.jn-casa-madeira { position: relative; display: flex; flex-direction: column; gap: 10px; overflow: hidden; padding-top: 22px; }
.jn-casa-madeira h3 { font-size: 20px; }
.jn-casa-madeira__amostra { position: absolute; top: 0; left: 0; right: 0; height: 8px; background: var(--pinus); }
.jn-casa-madeira[data-madeira="garapa"] .jn-casa-madeira__amostra { background: var(--garapa); }

/* Linha do tempo dos prazos */
.jn-casa-linha li { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 14px; padding-bottom: 18px; }
.jn-casa-linha li::before { content: ""; position: absolute; left: 27px; top: 46px; bottom: 2px; width: 2px; background: var(--line); }
.jn-casa-linha li:last-child { padding-bottom: 0; }
.jn-casa-linha li:last-child::before { display: none; }
.jn-casa-linha__pct {
  display: flex; align-items: center; justify-content: center; width: 56px; height: 44px; border-radius: var(--r-botao);
  background: var(--fiorde-suave); color: var(--fiorde); font-size: 16px; font-weight: 700;
}
.jn-casa-linha__pct[data-vazio] { background: var(--surface-2); color: var(--ink-3); }
.jn-casa-linha strong { display: block; padding-top: 10px; font-weight: 650; }
.jn-casa-linha p { margin-top: 4px; color: var(--ink-2); font-size: 15px; }

/* Garantia */
.jn-casa-garantia { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.jn-casa-garantia > div { display: flex; flex-direction: column; gap: 4px; padding: 16px; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--surface); }
.jn-casa-garantia strong { font-size: 32px; font-weight: 800; line-height: 1.1; letter-spacing: -.02em; }
.jn-casa-garantia span { color: var(--ink-2); font-size: 15px; font-weight: 600; }

/* Planta na página: arquivo original em palco branco, com giro de 90° */
.jn-casa-planta { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.jn-casa-planta + .jn-casa-planta { margin-top: 16px; }
.jn-casa-planta__palco { position: relative; display: flex; align-items: center; justify-content: center; padding: 8px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--palco-planta); }
.jn-casa-planta__palco img { width: auto; max-width: 100%; max-height: 70vh; object-fit: contain; }
.jn-casa-planta__palco[data-galeria-abrir] { cursor: zoom-in; }
.jn-casa-planta__palco[data-galeria-abrir]:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--foco-folga), 0 0 0 5px var(--fiorde); }
.jn-casa-planta__palco[data-giro] img { position: absolute; left: 50%; top: 50%; max-width: none; max-height: none; transition: transform var(--mov) var(--curva); }
.jn-casa-planta__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.jn-casa-planta__n { margin-right: auto; color: var(--ink-2); font-size: 15px; font-weight: 600; }

/* Parecidas e fecho */
.jn-casa-parecidas { margin-top: var(--e-10); padding: var(--e-10) 0 var(--e-8); background: var(--surface-2); scroll-margin-top: 72px; }
.jn-casa-parecidas .jn-fileira-caixa { margin-top: var(--e-4); }
.jn-casa-final { padding: var(--e-10) 0 var(--e-8); }
.jn-casa-final__caixa { display: flex; flex-direction: column; gap: 12px; padding: 24px 20px; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--surface); }
.jn-casa-final__caixa p { color: var(--ink-2); max-width: 68ch; }
.jn-casa-final .jn-botoes { margin-top: 6px; }

/* Barra fixa do celular (no lugar das abas) */
.jn-barra-casa {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-barra-casa); display: flex; align-items: center; gap: 8px;
  padding: 8px var(--margem) calc(8px + var(--area-segura)); background: var(--surface); border-top: 1px solid var(--line);
}
.jn-barra-casa__fav {
  display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; flex: 0 0 72px; min-height: var(--h-alvo);
  border: 1px solid var(--borda-campo); border-radius: var(--r-botao); background: var(--surface); color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1;
}
.jn-barra-casa__wa { flex: 1 1 auto; min-width: 0; min-height: var(--h-alvo); padding: 0 12px; font-size: 16px; }
.jn-barra-casa__wa[data-curto] .jn-botao__mais { display: none; }
body.jn-casa-pagina { padding-bottom: calc(var(--h-alvo) + 17px + var(--area-segura)); }
@media (min-width: 1080px) {
  .jn-barra-casa { display: none; }
  body.jn-casa-pagina { padding-bottom: 0; }
}

/* 404 útil */
.jn-casa-404 { padding-bottom: var(--e-12); }
.jn-casa-404__topo { display: flex; flex-direction: column; gap: 16px; max-width: 760px; padding: var(--e-6) 0 var(--e-8); }
.jn-casa-404__sugestoes h2 { margin-bottom: var(--e-4); }

/* ---------- Galeria em tela cheia (fundo escuro nos dois modos; planta sobre branco) ---------- */
.jn-galeria {
  --gt: var(--galeria-tinta); --gm: rgba(242, 241, 238, .78); --gb: rgba(255, 255, 255, .1); --gl: rgba(255, 255, 255, .24);
  position: fixed; inset: 0; z-index: var(--z-galeria); width: 100%; height: 100%; max-width: none; max-height: none;
  margin: 0; padding: 0; border: 0; overflow: hidden; background: var(--galeria-fundo); color: var(--gt);
}
.jn-galeria::backdrop { background: var(--galeria-fundo); }
.jn-galeria[open] {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto minmax(0, 1fr) auto auto;
  grid-template-areas: "tit acoes" "palco palco" "ferr ferr" "minis minis";
}
.jn-galeria__titulo { grid-area: tit; display: flex; flex-direction: column; justify-content: center; gap: 2px; min-width: 0; min-height: 60px; margin: 0; padding: calc(6px + env(safe-area-inset-top)) 8px 6px 16px; }
.jn-galeria__titulo strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; font-weight: 700; }
.jn-galeria__conta { color: var(--gm); font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.jn-galeria__acoes { grid-area: acoes; display: flex; align-items: center; gap: 8px; padding: calc(6px + env(safe-area-inset-top)) 8px 6px 0; }
.jn-galeria__botao {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 48px; height: 48px; padding: 0 12px;
  border: 1px solid var(--gl); border-radius: var(--r-pilula); background: var(--gb); color: var(--gt); font-size: 17px; font-weight: 700; line-height: 1;
}
.jn-galeria__botao:hover { background: rgba(255, 255, 255, .2); }
.jn-galeria__botao:focus-visible { box-shadow: 0 0 0 2px var(--galeria-fundo), 0 0 0 5px #9DBBE3; }
.jn-galeria__botao[disabled] { opacity: .4; cursor: default; }
.jn-galeria__rot { font-size: 15px; }
.jn-galeria [data-g-cheia] .jn-galeria__rot { display: none; }
.jn-galeria [data-g-fechar] { padding: 0 14px 0 10px; }
.jn-galeria__palco { grid-area: palco; position: relative; overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; }
.jn-galeria__img {
  position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; max-width: none; object-fit: contain;
  transform: translate(-50%, -50%); transform-origin: center; cursor: zoom-in; -webkit-user-drag: none; transition: opacity 160ms;
}
.jn-galeria__img[data-zoom] { cursor: grab; }
.jn-galeria__img[data-arrasto] { cursor: grabbing; }
.jn-galeria__video { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 12px; touch-action: auto; }
.jn-galeria__video > * { width: min(100%, 1100px); }
.jn-galeria__video .jn-video { border-color: var(--gl); }
.jn-galeria__video .jn-video__legenda { color: var(--gm); }
.jn-galeria__video .jn-video__legenda > span:first-child { color: var(--gt); }
.jn-galeria__ferramentas { grid-area: ferr; display: flex; justify-content: center; gap: 8px; padding: 10px 12px 2px; }
.jn-galeria__minis { grid-area: minis; display: flex; gap: 8px; overflow-x: auto; padding: 10px 68px calc(10px + env(safe-area-inset-bottom)); scrollbar-width: none; }
.jn-galeria__minis::-webkit-scrollbar { display: none; }
.jn-galeria__mini { position: relative; flex: 0 0 auto; width: 64px; height: 48px; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 8px; background: #1F232A; opacity: .72; }
.jn-galeria__mini[aria-current="true"] { border-color: var(--gt); opacity: 1; }
.jn-galeria__mini img { width: 100%; height: 100%; object-fit: cover; }
.jn-galeria__mini[data-tipo="planta"] img { object-fit: contain; background: #FFFFFF; }
.jn-galeria__mini .jn-ico { position: absolute; inset: 0; margin: auto; width: 22px; height: 22px; color: var(--gt); }
.jn-galeria [data-g-seta] { position: absolute; z-index: 2; bottom: calc(10px + env(safe-area-inset-bottom)); padding: 0; }
.jn-galeria [data-g-seta="ant"] { left: 10px; }
.jn-galeria [data-g-seta="prox"] { right: 10px; }
@media (min-width: 480px) { .jn-galeria [data-g-cheia] .jn-galeria__rot { display: inline; } }
@media (min-width: 768px) {
  .jn-galeria[open] { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-rows: auto minmax(0, 1fr) auto; grid-template-areas: "tit ferr acoes" "palco palco palco" "minis minis minis"; }
  .jn-galeria__ferramentas { padding: calc(6px + env(safe-area-inset-top)) 8px 6px; align-items: center; }
  .jn-galeria__minis { justify-content: center; padding-left: 16px; padding-right: 16px; }
  .jn-galeria__mini { width: 76px; height: 56px; }
  .jn-galeria__palco { margin: 0; }
  .jn-galeria [data-g-seta] { background: rgba(14, 16, 20, .62); }
  .jn-galeria [data-g-seta]:hover { background: rgba(14, 16, 20, .82); }
  .jn-galeria [data-g-seta] { top: 50%; bottom: auto; width: 56px; height: 56px; transform: translateY(-50%); }
  .jn-galeria [data-g-seta="ant"] { left: 12px; }
  .jn-galeria [data-g-seta="prox"] { right: 12px; }
}
@media (prefers-reduced-motion: reduce) { .jn-galeria__img, .jn-casa-planta__palco[data-giro] img { transition: none; } }
.jn-galeria__video button.jn-video { width: min(100%, 1100px); padding: 0; cursor: pointer; font: inherit; text-align: center; }
.jn-video--tocando { aspect-ratio: 16 / 9; }

/* 26/10/2026: vídeo na galeria cabe inteiro no palco (em pé ou deitado), com os controles sempre à vista
   (antes o player de vídeo em pé passava da altura e os controles ficavam escondidos atrás da fita de miniaturas). */
.jn-galeria__video video.jn-video { width: 100%; height: 100%; max-width: 1100px; aspect-ratio: auto; object-fit: contain; background: #000; }
.jn-galeria__video button.jn-video { max-height: 100%; }
.jn-galeria__video button.jn-video .jn-video__capa { width: 100%; height: 100%; object-fit: cover; }