/* Páginas fixas (por tamanho, formato, Creapure e marca), geradas pelo estatico.py. Mesmo visual da home. */
:root{--bg:#f6f8fb;--panel:#fff;--line:#d9e2ec;--line2:#edf1f6;--text:#111827;--muted:#667085;--blue:#315efb;--blue2:#2447d8;--green:#138a4b;--green2:#16a34a;--green-soft:#ecfdf3;--header:#f1f5f9;--shadow:0 8px 24px rgba(15,23,42,.06)}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,#edf4ff 0,#f6f8fb 34%,#f8fafc 100%);color:var(--text);font-size:14px;line-height:1.5}
.page{width:100%;max-width:1100px;margin:0 auto;padding:8px 10px 16px}
.topbar,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.topbar{padding:12px 14px;display:flex;align-items:center;gap:12px}
.topbar a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(160deg,#315efb,#2447d8);display:grid;place-items:center;flex:none}
.logo svg{width:22px;height:22px}
.topbar b{font-size:20px;letter-spacing:-.02em}.topbar b span{color:var(--blue)}
.panel{margin-top:10px;padding:16px}
.trilha{font-size:12px;color:var(--muted);margin:10px 2px 0}
.trilha a{color:var(--muted)}
h1{margin:0;font-size:26px;letter-spacing:-.02em;line-height:1.15}
h1 small{display:block;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0;margin-top:6px}
h2{font-size:17px;margin:4px 0 10px}
.lead{font-size:15px;color:#344054;margin:12px 0 0}
.lead b{color:var(--text)}
.muted{color:var(--muted);font-size:12px}
.scroll{overflow:auto}
table{width:100%;border-collapse:collapse}
th{background:var(--header);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#475467;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:7px 9px;border-bottom:1px solid var(--line2);vertical-align:middle}
td.img img{width:42px;height:42px;object-fit:contain;border-radius:8px;background:#fff;display:block}
.prod{line-height:1.3;max-width:460px}
.prod a{color:inherit;font-weight:700;text-decoration:none}.prod a:hover{color:var(--blue)}
.prod small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.marca{font-weight:800}
.num{text-align:right;white-space:nowrap}
.unit{font-size:15px;font-weight:900;color:var(--green)}
.store{font-size:11px;font-weight:900;border-radius:6px;padding:3px 7px;white-space:nowrap}
.store.ml{background:#fff159;color:#2d3277}.store.amz{background:#232f3e;color:#ff9900}
.go{display:inline-block;background:var(--green2);color:#fff;text-decoration:none;font-weight:900;border-radius:999px;padding:7px 12px;white-space:nowrap;font-size:12px}
.go:hover{background:#15803d}
.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:9px 12px;color:#9a3412;font-size:13px;margin:0 0 10px}
.links{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}
.links a{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;color:var(--blue2);text-decoration:none}
.links a:hover{border-color:var(--blue)}
.links a[aria-current]{background:#eef4ff;border-color:var(--blue)}
.cta{display:inline-block;margin-top:12px;background:var(--blue);color:#fff;font-weight:900;text-decoration:none;border-radius:999px;padding:9px 16px}
.cta:hover{background:var(--blue2)}
.nota{font-size:12px;color:var(--muted);line-height:1.55}
.credit{text-align:center;color:var(--muted);font-size:12px;margin:18px 0 6px;line-height:1.6}
@media (max-width:760px){
  h1{font-size:21px}
  th.c-img,td.img,th.c-loja,td.c-loja,th.c-go,td.c-go{display:none}
  th,td{padding:7px 6px}
  .prod{font-size:13px}
}