:root{
  --bg:#0b0f1a;          /* fundo futurista */
  --panel:#0f172a;
  --grid:#101828;
  --text:#e5e7eb;
  --muted:#9aa3b2;
  --brand:#00e5ff;       /* azul cibernético */
  --accent:#22c55e;      /* verde crescimento */
  --danger:#ef4444;
  --radius:20px;
  --shadow:0 16px 40px rgba(0,0,0,.35);
  --max:1200px;
  --focus:0 0 0 3px rgba(0,229,255,.35);
}

/* Reset mínimo e acessibilidade */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(0,229,255,.12), transparent 60%),
    radial-gradient(1000px 700px at 120% 10%, rgba(34,197,94,.10), transparent 60%),
    var(--bg);
}
img{max-width:100%;display:block}
a{color:var(--brand);text-decoration:none}
a:focus{outline:none;box-shadow:var(--focus);border-radius:10px}
.skip-link{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{left:16px;top:16px;background:#fff;color:#000;padding:8px 12px;border-radius:8px}

/* Topbar */
.topbar{
  position:sticky;top:0;z-index:50;
  background:rgba(11,15,26,.7);backdrop-filter:blur(10px);
  border-bottom:1px solid #1f2937;
}
.container{max-width:var(--max);margin:auto;padding:10px 16px}
.row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#fff}
.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.control{display:flex;align-items:center;gap:8px;color:#cbd5e1}
select{
  background:#0b1220;color:#fff;border:1px solid #1f2937;border-radius:10px;
  padding:8px 12px;
}
.btn{
  background:#1f2937;color:#fff;border:1px solid #273449;border-radius:12px;
  padding:10px 14px;font-weight:700;box-shadow:var(--shadow);
}
.btn:hover{transform:translateY(-1px)}
.btn--wa{background:var(--accent);color:#06240f;border:none}

/* Poster base */
.main{display:grid;place-items:center;padding:20px}
.poster{
  background:linear-gradient(180deg, #0d1423 0%, #0b0f1a 100%);
  border:1px solid #1f2937;border-radius:24px;box-shadow:var(--shadow);
  display:grid;place-items:center;
  width:100%;max-width:1080px; /* mantemos largura base */
  aspect-ratio: 9 / 16; /* default: story */
  position:relative;overflow:hidden;
}
.poster.post{aspect-ratio: 4 / 5;}   /* 1080x1350 */
.poster.feed{aspect-ratio: 1 / 1;}   /* 1080x1080 */

.poster__inner{
  width:92%;height:92%;
  display:flex;flex-direction:column;justify-content:center;gap:18px;
}

/* Badge 6% */
.badge{
  position:absolute;right:18px;top:18px;
  filter:drop-shadow(0 6px 18px rgba(0,229,255,.35));
}

/* Tipografia do pôster */
.headline{
  font-size:clamp(26px,5vw,48px);
  line-height:1.15;margin:0 0 6px;font-weight:900;
}
.highlight{color:var(--brand)}
.sub{
  font-size:clamp(16px,2.2vw,20px);margin:0;color:#cbd5e1;
}
.pitch{
  margin:8px 0 0;border-left:4px solid var(--brand);
  padding:10px 14px;border-radius:12px;background:#0f172a;
  color:#d1e7ff
}
.pitch strong{color:#8be9ff}
.nowrap{white-space:nowrap}

/* Bullets */
.bullets{
  list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;
}
.bullets li{
  background:#0f172a;border:1px solid #1f2937;border-radius:12px;
  padding:10px 12px;color:#d1d5db
}

/* CTA */
.cta{display:grid;gap:8px;margin-top:6px}
.btn--cta{
  background:linear-gradient(90deg, var(--brand), #4ade80);
  color:#041017;border:none;padding:14px 18px;border-radius:14px;font-size:1.05rem;
}
.cta__sub{margin:0;color:#9dd7ff}

/* Assinatura */
.signature{margin-top:auto;color:#9aa3b2;text-align:center}
.signature a{color:#9dd7ff}

/* Responsivo */
@media (max-width:640px){
  .controls{gap:8px}
  .headline{font-size:clamp(24px,7vw,32px)}
}

/* Impressão (Exportar PDF) */
@media print{
  body{background:#fff}
  .topbar{display:none !important}
  .main{padding:0}
  .poster{box-shadow:none;border:none;border-radius:0;width:100%;max-width:none}
}