/* Página de portfolio (/portfolio/) — se suma a styles.css */
.pf-head{padding:clamp(130px,16vw,180px) 0 clamp(56px,8vw,80px);text-align:center}
.pf-head .eyebrow{color:#a6a6a6}
.pf-head h1.h-wide{font-size:clamp(1.9rem,5vw,3.6rem);margin-top:1.1rem}
.pf-head .rule{max-width:220px}
.pf-head .lead{max-width:760px;margin:1.6rem auto 0;color:#d6d6d6}
.pf-sub{max-width:600px;margin:1rem auto 0;color:#a6a6a6;font-size:.95rem;line-height:1.7}
.pf-list{padding:clamp(48px,6vw,72px) 0 clamp(64px,9vw,110px)}
.pf-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:clamp(28px,4vw,44px)}
.pf-filters button{font:inherit;font-size:.86rem;padding:.6em 1.15em;border:1px solid rgba(28,28,28,.25);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.pf-filters button:hover{border-color:var(--ink)}
.pf-filters button.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.pf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,20px)}
.pf-grid .wk[hidden]{display:none}
.pf-empty{text-align:center;color:var(--muted);margin-top:2rem}
@media (max-width:1000px){.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-left:calc(var(--gut)*-1);margin-right:calc(var(--gut)*-1);padding:0 var(--gut) 4px;scrollbar-width:none}.pf-filters::-webkit-scrollbar{display:none}.pf-filters button{flex:0 0 auto}}

/* Grilla centrada por filas (4 · 3 · 3 · 3 en compu) */
.pf-grid{display:flex;flex-wrap:wrap;justify-content:center;--g:clamp(10px,1.6vw,20px);gap:var(--g)}
.pf-grid .wk{flex:0 0 calc((100% - 3*var(--g))/4);min-width:0}
.pf-br{flex-basis:100%;height:0;margin-top:calc(var(--g)*-1)}
@media (max-width:1000px){.pf-grid .wk{flex-basis:calc((100% - 2*var(--g))/3)}.pf-br{display:none}}
@media (max-width:700px){.pf-grid .wk{flex-basis:calc((100% - var(--g))/2)}}