/* Pinchavelho site — identidade v2 «Manípulo» (aprovada a 4/11/2026). Tokens da skill pinchavelho-brand. Âmbar e verde são só decorativos sobre fundo claro. */
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-var-latin.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/space-grotesk-var-latin.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
:root{--noite:#0F1B2D;--ambar:#FFB020;--azul:#1E6FD9;--nevoa:#F5F7FA;--verde:#22A06B;
--bg:#F5F7FA;--surface:#FFFFFF;--surface2:#EEF1F6;--text:#0F1B2D;--muted:#45556B;--border:#D3DAE5;--link:#1756AD;--ok:#15703A;
--btn-bg:#0F1B2D;--btn-fg:#FFFFFF;--btn-line:#FFB020;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#0F1B2D;--surface:#132238;--surface2:#0B1422;--text:#F5F7FA;--muted:#B4C2D6;--border:#2E4466;--link:#8DBBFF;--ok:#6EE7A0;--btn-bg:#FFB020;--btn-fg:#0F1B2D;--btn-line:#0F1B2D}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.6 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,sans-serif}
h1,h2,h3{font-family:"Space Grotesk","Inter",system-ui,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.1rem);margin:.2em 0 .4em}
h2{font-size:1.5rem;margin:2.2rem 0 .8rem;display:flex;align-items:center;gap:.6rem}
h2::before{content:"";flex:none;width:5px;height:1.1em;border-radius:2px;background:var(--ambar)}
h3{font-size:1.15rem;margin:0 0 .4rem}
a{color:var(--link);text-underline-offset:.15em}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:2px}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.25rem}
.narrow{max-width:46rem}
.skip{position:absolute;left:-999px;top:0;background:var(--surface);color:var(--text);padding:.6rem 1rem;z-index:9}
.skip:focus{left:.5rem;top:.5rem}
header.site{border-bottom:1px solid var(--border);background:var(--bg)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding-top:.6rem;padding-bottom:.6rem}
.brand img{height:44px;width:auto}
nav.main ul{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin:0;padding:0;align-items:center}
nav.main a{color:var(--text);text-decoration:none;font-weight:500;padding:.35rem 0;display:inline-block}
nav.main a:hover,nav.main a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--ambar);text-decoration-thickness:3px;text-underline-offset:.4em}
.lang{border:1px solid var(--border);border-radius:8px;padding:.2rem .6rem!important;font-size:.9rem}
main{display:block;padding-bottom:3rem}
.hero{padding-top:3.5rem;padding-bottom:2rem}
.eyebrow{font:600 .8rem/1.2 "Inter",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0}
.lead{font-size:1.2rem;color:var(--muted);max-width:40rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}
.card{background:var(--surface);border:1px solid var(--border);border-radius:14px 4px 14px 4px;padding:1.25rem 1.3rem}
.card p{margin:.2rem 0 0;color:var(--muted)}
.card.product{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.25rem;align-items:start}
.card.product img{width:72px;height:72px;border-radius:16px}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1.2rem 0}
.btn{display:inline-block;padding:.7rem 1.15rem;border-radius:8px;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;text-decoration:none;box-shadow:inset 0 -3px 0 var(--btn-line);line-height:1.3}
.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}
.btn.pending{background:var(--surface2);color:var(--muted);border:1px dashed var(--border);box-shadow:none;cursor:default}
.note{font-size:.92rem;color:var(--muted)}
.pill{display:inline-block;border:1px solid var(--border);border-radius:4px;padding:.05rem .45rem;font-size:.8rem;font-weight:600;color:var(--text);vertical-align:middle}
.shots{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}
figure{margin:0}
figure img{border:1px solid var(--border);border-radius:10px}
figcaption{font-size:.92rem;color:var(--muted);margin-top:.4rem}
table{border-collapse:collapse;width:100%;background:var(--surface);border:1px solid var(--border)}
th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}
thead th{background:var(--surface2);font-size:.9rem}
td.c,th.c{text-align:center;width:6.5rem}
.yes::before{content:"✓";font-weight:700;color:var(--ok)}
.price{font:600 2.6rem/1 "Space Grotesk",system-ui,sans-serif;margin:.3rem 0;font-variant-numeric:tabular-nums}
.pricing{border-left:4px solid var(--ambar)}
.doc h2{font-size:1.25rem}
.doc .meta{color:var(--muted);font-size:.95rem}
.doc li{margin:.35rem 0}
.callout{background:var(--surface2);border:1px solid var(--border);border-radius:4px 10px 4px 10px;padding:.9rem 1.1rem;margin:1.2rem 0}
dl.trader{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.2rem;margin:0}
dl.trader dt{font-weight:600}dl.trader dd{margin:0}
footer.site{border-top:1px solid var(--border);padding:1.5rem 0 2.5rem;font-size:.92rem;color:var(--muted)}
footer.site ul{list-style:none;padding:0;margin:0 0 .6rem;display:flex;flex-wrap:wrap;gap:.3rem 1.2rem}
footer.site p{margin:.3rem 0}
@media (max-width:40rem){.hero{padding-top:2rem;padding-bottom:1rem}.brand img{height:36px}.card.product{grid-template-columns:1fr}td.c,th.c{width:4.2rem}th,td{padding:.5rem}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{header.site nav,footer.site ul{display:none}}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.nopad{padding-bottom:0}.card.bare{background:none;border:0;padding:0}
dl.trader dd{overflow-wrap:anywhere}
/* v2 (nov 2026): produtos, preço à escolha, limites, perguntas */
.brand img{height:44px;width:auto}
.products{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}
.card ul{margin:.4rem 0 0;padding-left:1.2rem;color:var(--muted)}.card li{margin:.35rem 0}
.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}
.choice{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.7rem .5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-decoration:none;min-height:44px}
a.choice:hover{border-color:var(--ambar)}
.choice:first-child{border:2px solid var(--ambar)}
.choice .amount{font:600 1.25rem/1.2 "Space Grotesk",system-ui,sans-serif;font-variant-numeric:tabular-nums}
.choice .what{font-size:.85rem;color:var(--muted)}
.choice.pending{background:var(--surface2);border-style:dashed}
.choice.pending:first-child{border-style:dashed}
.other{text-align:center;margin:-.4rem 0 1rem;font-size:.95rem}
details{border:1px solid var(--border);border-radius:4px 10px 4px 10px;background:var(--surface);padding:.2rem 1rem;margin:.6rem 0}
summary{cursor:pointer;font-weight:600;padding:.6rem 0;min-height:44px;display:list-item}
details[open] summary{border-bottom:1px solid var(--border);margin-bottom:.6rem}
details p{color:var(--muted)}
details.limits{background:var(--surface2);margin-top:1rem}
details.limits h3{margin-top:.4rem}
details.limits ol{padding-left:1.2rem}details.limits li{margin:.8rem 0}details.limits li p{margin:.15rem 0}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--surface2);padding:.05rem .3rem;border-radius:4px;overflow-wrap:anywhere}
@media (max-width:40rem){.choices{grid-template-columns:1fr}.products{grid-template-columns:1fr}}
.faq details{max-width:46rem}
.tablewrap{overflow-x:auto;margin:1rem 0}
.tablewrap table{margin:0}
.doc code{overflow-wrap:anywhere}
/* Ampliar capturas sem JS (:target). Ver _ferramentas/gerar_site.py, pinchaplay(). */
a.zoomable{display:block;cursor:zoom-in}
a.zoomable:focus-visible img{outline:3px solid var(--ambar);outline-offset:2px}
.lightbox{display:none}
.lightbox:target{display:flex;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:1rem;background:rgba(10,14,22,.92)}
.lightbox a{display:block;max-width:100%;max-height:100%;cursor:zoom-out;text-decoration:none}
.lightbox img{display:block;width:auto;height:auto;max-width:min(100%,1280px);max-height:calc(100vh - 4rem);border-radius:8px;margin:0 auto}
.lb-close{display:block;text-align:center;color:#fff;margin-top:.5rem;font-size:.95rem}
.doc a{overflow-wrap:anywhere}