/* Portfólio de landing pages (classes ps-): complementa assets/css/portfolio.css, que traz cartões e topo (pf-*). */
.ps-mais{margin:clamp(24px,3vw,36px) 0 0;display:flex;justify-content:center}

/* apresentação: janela de navegador com a página inteira + coluna de texto */
.ps-palco{display:grid;gap:clamp(28px,4vw,56px);align-items:start;margin-top:clamp(24px,3vw,40px)}
@media (min-width:1000px){.ps-palco{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.ps-lateral{position:sticky;top:112px}}
.ps-janela{background:#fff;border-radius:20px;box-shadow:0 0 0 1px rgba(29,29,31,.1),0 40px 80px -40px rgba(0,0,0,.35);overflow:hidden;min-width:0}
.ps-janela__barra{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;background:#f5f5f7;border-bottom:1px solid rgba(29,29,31,.08)}
.ps-janela__barra i{width:11px;height:11px;border-radius:50%;background:#d2d2d7}
.ps-janela__barra span{margin-left:12px;padding:5px 16px;border-radius:999px;background:#fff;font-size:12px;line-height:1.2;color:#44444a;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-janela__tela{height:clamp(420px,76vh,820px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#111}
.ps-janela__tela:focus-visible{outline:3px solid #1d1d1f;outline-offset:-3px}
.ps-janela__tela img{display:block;width:100%;height:auto}
.ps-janela__dica{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:14px 16px;border-top:1px solid rgba(29,29,31,.08);font-size:14px;line-height:1.4;color:#44444a}
.ps-auto{all:unset;cursor:pointer;padding:10px 16px;border-radius:999px;background:#1d1d1f;color:#fff;font:600 13px/1 var(--head,inherit);transition:background .25s}
.ps-acoes{display:flex;align-items:center;gap:8px}
.ps-topo{all:unset;cursor:pointer;box-sizing:border-box;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#1d1d1f;box-shadow:0 0 0 1px rgba(29,29,31,.18);transition:background .25s,color .25s}
.ps-topo:hover{background:#1d1d1f;color:#fff}
.ps-topo:focus-visible{outline:3px solid #7a6519;outline-offset:3px}
.ps-auto:hover{background:#3a3a3d}
.ps-auto[aria-pressed="true"]{background:#7a6519}
.ps-auto:focus-visible{outline:3px solid #7a6519;outline-offset:3px}

/* coluna de texto */
.ps-lateral .pf-resumo{margin:0 0 14px}
.ps-lateral .ps-abertura{font-size:clamp(20px,2vw,24px);line-height:1.3}
.ps-lateral .ps-corpo{margin:0 0 clamp(24px,3vw,32px);font:400 16px/1.65 var(--body,Inter,system-ui,sans-serif);color:var(--ink-2,#4f483f);max-width:46ch}
.ps-lateral .pf-h2{margin:0 0 16px;font-size:clamp(18px,1.6vw,20px);letter-spacing:-.01em}
.ps-destaques{list-style:none;margin:0 0 clamp(24px,3vw,32px);padding:0;display:grid;gap:14px}
.ps-destaques li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:14px;align-items:start;font-size:16px;line-height:1.5;color:#3a3a3d}
.ps-destaques li span{width:8px;height:8px;margin-top:.62em;border-radius:50%;background:linear-gradient(135deg,#d9bf72,#a08b34)}
.ps-destaques li span svg{display:none}
@media (prefers-reduced-motion:reduce){.ps-auto,.ps-topo{transition:none}}
.ps-destaques li b{font-weight:600;color:#1d1d1f}