/* A miniatura usa a mesma estrutura e o CSS do painel de publicação do
   editor. Só a escala e o posicionamento mudam para caber na vitrine. */
.flow-stage .walk-publication-art { position: relative; display: grid; grid-template: auto 1fr / minmax(0, 1fr); min-height: 520px; padding: var(--e-4); gap: 0; isolation: isolate; }
.walk-publication-art .walk-editor-top { grid-area: 1 / 1; display: flex; align-items: center; justify-content: space-between; min-width: 0; padding: var(--e-2) var(--e-3); border: 1px solid var(--borda); border-radius: var(--raio-p) var(--raio-p) 0 0; background: var(--fundo-elevado); font: 600 11px/1.4 var(--fonte); }
.walk-publication-art .walk-publish-open { display: inline-flex; align-items: center; gap: var(--e-1); padding: var(--e-1) var(--e-2); border-radius: var(--e-1); background: var(--acao); color: var(--acao-texto); font-size: 10px; }
.walk-publication-art .walk-browser { grid-area: 2 / 1; align-self: start; border-radius: 0 0 var(--raio-p) var(--raio-p); }
.walk-publication-art .walk-publish-veil { position: absolute; inset: 0; z-index: 1; background: var(--veu); opacity: var(--walk-panel-reveal, 1); pointer-events: none; }
.walk-publication-art .walk-publish-panel { position: relative; grid-area: 1 / 1 / 3 / 2; z-index: 2; justify-self: end; align-self: center; inset: auto; width: min(340px, 100%); max-height: none; margin: 0; padding: 0; overflow: hidden; border-radius: var(--raio); box-shadow: var(--sombra-3); opacity: var(--walk-panel-reveal, 1); transform: translateY(calc((1 - var(--walk-panel-reveal, 1)) * 8px)); pointer-events: none; }
.walk-publication-art .publicacao-cabecalho { padding: var(--e-3) var(--e-4) var(--e-2); }
.walk-publication-art .publicacao-cabecalho h4 { margin: 0; font: 800 17px/1.3 var(--fonte-titulo); letter-spacing: -.025em; }
.walk-publication-art .publicacao-projeto { margin-top: var(--e-1); font-size: 10px; }
.walk-publication-art .walk-publish-close { display: grid; place-items: center; width: 24px; height: 24px; }
.walk-publication-art svg { width: 14px; height: 14px; flex: none; }
.walk-publication-art .publicacao-corpo { padding: 0 var(--e-4) var(--e-3); }
.walk-publication-art .publicacao-situacao { margin-bottom: var(--e-3); }
.walk-publication-art .publicacao-situacao strong { font: 700 11px/1.4 var(--fonte); }
.walk-publication-art .publicacao-situacao p { margin-top: var(--e-1); font-size: 10px; line-height: 1.5; min-height: 3em; }
.walk-publication-art .publicacao-endereco { padding: var(--e-3); }
.walk-publication-art .publicacao-cartao-topo strong { font: 600 10px/1.4 var(--fonte); }
.walk-publication-art .publicacao-gratis { font-size: 9px; }
.walk-publication-art .publicacao-url { margin: var(--e-2) 0 var(--e-1); font-size: 11px; }
.walk-publication-art .odim-btn { min-height: 28px; padding: var(--e-1) var(--e-2); gap: var(--e-1); font-size: 10px; line-height: 1.4; }
.walk-publication-art [data-walk-publish-open][hidden] { display: none; }
.walk-publication-art .publicacao-trocas { margin-top: var(--e-1); font-size: 9px; line-height: 1.5; }
.walk-publication-art .publicacao-dominios { margin-top: var(--e-1); padding: var(--e-3) 0 var(--e-2); }
.walk-publication-art .publicacao-muted { margin: var(--e-1) 0; font-size: 10px; line-height: 1.5; }
.walk-publication-art .publicacao-dominios .odim-btn { padding-left: 0; }
.walk-publication-art .publicacao-visibilidade { margin-top: var(--e-2); font-size: 9px; line-height: 1.5; }
.walk-publication-art .publicacao-rodape { padding: var(--e-3) var(--e-4); }
.walk-publication-art .publicacao-rodape p { min-height: 4.5em; margin-bottom: var(--e-2); font-size: 10px; line-height: 1.5; }
.walk-publication-art .walk-publish-button { min-height: 36px; color: var(--acao-texto); background: var(--acao); font-size: 11px; }
.walk-publication-art [aria-disabled="true"]:not(.walk-publish-button) { opacity: .55; }
.walk-publication-art .walk-publish-button[aria-disabled="true"]:not([aria-busy="true"]) { background: var(--fundo); border-color: var(--borda); color: var(--texto-3); opacity: 1; box-shadow: none; transform: none; }
@media (max-width: 520px) {
  .flow-stage .walk-publication-art { min-height: 544px; padding: var(--e-3); }
  .walk-publication-art .walk-publish-panel { justify-self: center; }
  .walk-publication-art .publicacao-cabecalho, .walk-publication-art .publicacao-rodape { padding-inline: var(--e-3); }
  .walk-publication-art .publicacao-corpo { padding-inline: var(--e-3); }
}
/* No celular menor, Abrir site cabe na segunda linha. Reservar esse
   espaço antes da publicação mantém o painel e o cursor no mesmo lugar. */
@media (max-width: 360px) {
  .walk-publication-art .publicacao-endereco-acoes { min-height: calc(var(--e-8) * 2 + var(--e-1)); align-items: flex-start; align-content: flex-start; }
}