/* paginas de projeto (WordPress / React) */
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;padding-bottom:20px}
.back{text-decoration:none;color:var(--mut);font-weight:600;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.back:hover{color:var(--tx)}
.badge{display:inline-block;font:700 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#0b0b0b;background:var(--ac);border-radius:99px;padding:5px 14px}
.ph{padding-top:clamp(24px,5vw,64px)}
.ph h1{margin:0;max-width:16ch;text-align:left}
.ph .lede{margin-left:0;max-width:38em}
.ph .actions{justify-content:flex-start}
.shot{margin-top:clamp(32px,5vw,56px);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.shot img{width:100%}
.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px;align-items:start}
.shots .shot{margin-top:0}
.shot figcaption{padding:12px 18px;color:var(--mut);font-size:15px;border-top:1px solid var(--line)}
.pp{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;list-style:none;padding:0;margin-top:28px}
.pp li{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}
.pp b{display:block;margin-bottom:6px}
.pp span{color:#d0cfc8;font-size:16px}
.stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;list-style:none;padding:0}
.stack li{border:1px solid var(--line);border-radius:99px;padding:4px 14px;font-size:15px;color:#d0cfc8}
code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.cmd{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:20px 0;overflow-x:auto;font:15px/1.7 ui-monospace,Consolas,monospace;color:#d0cfc8}
.txt{max-width:40em;color:#d0cfc8;margin-top:20px}
.foot2{border-top:1px solid var(--line);padding:32px 0 48px;color:var(--mut);font-size:15px}
.foot2 p+p{margin-top:8px}
.tile .sel{position:absolute;top:14px;left:14px;z-index:2;font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#0b0b0b;background:var(--ac);border-radius:99px;padding:4px 12px}
@media(max-width:700px){.shots{grid-template-columns:1fr}.ph h1{max-width:none}}
.sec.wrap{padding-left:var(--m);padding-right:var(--m)}