:root{--bg:#f6f7f9;--card:#fff;--txt:#14181f;--mut:#5b6573;--brand:#15803d;--line:#e2e6ec;
color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:light}
body{margin:0;background:var(--bg);color:var(--txt);
padding-bottom:calc(100px + env(safe-area-inset-bottom));
font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
p,dd,li{overflow-wrap:anywhere}
img,video{max-width:100%;display:block}
.wrap{max-width:720px;margin:0 auto}
.topo{background:#fff;border-bottom:1px solid var(--line);padding:10px 16px;
display:flex;align-items:center;gap:10px}
.topo img{height:34px;width:auto}
.topo span{font-weight:700;letter-spacing:.02em}
.capa{width:100%;aspect-ratio:4/3;object-fit:cover;background:#dde1e7}
section{padding:0 16px;margin:20px 0}
h1{font-size:1.45rem;line-height:1.2;margin:16px 16px 2px;overflow-wrap:anywhere}
h2{font-size:1.1rem;margin:0 0 8px}
.versao{margin:0 16px;color:var(--mut)}
.meta{margin:6px 16px 0;color:var(--mut)}
.preco{margin:12px 16px 0;font-size:1.9rem;font-weight:800;color:var(--brand)}
.selos{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}
.selos li{background:#e8f5ec;color:#14532d;border:1px solid #bfe3c9;border-radius:999px;
padding:6px 12px;font-size:.9rem;font-weight:600}
.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.galeria img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#dde1e7}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.destaques{margin:8px 0 0;padding-left:20px}
details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 16px}
summary{font-weight:700;cursor:pointer}
dl{margin:10px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}
dt{color:var(--mut)}dd{margin:0}
.atencao img{border-radius:8px;margin-top:10px}
.sobre p{margin:6px 0}
a{color:var(--brand)}
video{width:100%;border-radius:10px;background:#000}
.barra{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);
padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:8px;
justify-content:center}
.barra a{flex:1;max-width:340px;text-align:center;text-decoration:none;font-weight:700;
white-space:nowrap;font-size:clamp(.78rem,3.7vw,1rem);padding:13px 6px;border-radius:10px}
.zap{background:#16a34a;color:#fff}
.baixar{background:#fff;color:var(--txt);border:1px solid #b9c1cc}
.central{padding:48px 16px;text-align:center}