/* PRÉVIA DO RASCUNHO: faixa fixa no topo (sempre visível) e o cabeçalho fixo da vitrine logo abaixo dela */
:root{--previa-h:44px}
body.previa{padding-top:var(--previa-h)}
body.previa .nav{top:var(--previa-h)}
.previa-faixa{position:fixed;top:0;left:0;right:0;z-index:45;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;
  padding:7px 16px;background:#1D2433;color:#fff;font:13px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  border-bottom:3px solid #F2B705;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.previa-faixa.erro{border-bottom-color:#E5484D}
.previa-selo{background:#F2B705;color:#1D2433;font-weight:800;letter-spacing:.12em;font-size:12px;padding:4px 9px;border-radius:4px}
.previa-txt{flex:1 1 260px;min-width:0}
.previa-txt b{font-weight:700}
.previa-info{color:#C9D1E0}
.previa-acoes{display:flex;gap:8px;flex-wrap:wrap}
.previa-btn{font:inherit;font-weight:600;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.45);border-radius:6px;
  padding:6px 12px;min-height:36px;cursor:pointer}
.previa-btn.forte{background:#fff;color:#1D2433;border-color:#fff}
.previa-btn:focus-visible{outline:2px solid #F2B705;outline-offset:2px}
.previa-aviso{position:fixed;left:50%;top:calc(var(--previa-h) + 10px);transform:translateX(-50%);z-index:46;max-width:calc(100% - 32px);
  background:#1D2433;color:#fff;font:14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:10px 16px;border-radius:8px;
  box-shadow:0 6px 20px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s}
.previa-aviso.on{opacity:1}
/* tela neutra LOOKIA (aguardando o painel, prévia restrita ou rascunho com problema): nada da loja, nem cores do tema */
.previa-tela{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:auto;
  background:#F4F5F7;color:#1D2433;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center}
html.previa-erro .previa-tela{padding-top:calc(var(--previa-h) + 24px)}
.previa-cartao{width:100%;max-width:440px;background:#fff;border-top:4px solid #F2B705;border-radius:12px;padding:28px 24px;
  box-shadow:0 8px 30px rgba(29,36,51,.12)}
.previa-marca{font-weight:800;font-size:18px;letter-spacing:.18em;color:#1D2433}
.previa-marca span{font-weight:500;letter-spacing:.08em;color:#5B6478}
.previa-cartao h1{margin:18px 0 8px;font:700 22px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1D2433;letter-spacing:0}
.previa-cartao p{margin:0;color:#3A4254;font-size:15px}
@media (max-width:600px){                       /* celular: uma linha só (o detalhe da versão fica no computador) */
  .previa-faixa{padding:6px 10px;gap:6px;font-size:12px;flex-wrap:nowrap}
  .previa-selo{padding:4px 7px;font-size:11px}
  .previa-txt{flex:1 1 auto}
  .previa-info{display:none}
  .previa-acoes{flex-wrap:nowrap;gap:6px}
  .previa-btn{min-height:40px;padding:6px 10px;white-space:nowrap}
}
@media (max-width:360px){ .previa-txt{display:none} }