
/* One portfolio, clear entry, optional depth. */
header .desktop a[aria-current=location]{color:var(--ink);box-shadow:0 2px 0 var(--accent);padding-block:7px}
#drawer .drawer-section-label{font:10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:30px 0 10px}
#drawer .drawer-primary a{font-size:clamp(24px,3vw,32px);padding:15px 0}
#drawer .drawer-secondary a{font-size:17px;padding:12px 0;letter-spacing:-.015em}
#drawer nav a[aria-current=location]{color:var(--accent)}
#trabajo .sheet-head{margin-bottom:20px}
.work-toolbar{position:sticky;top:var(--header-height,76px);z-index:9;background:var(--bg);padding:18px 0;border-bottom:1px solid var(--rule);margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow-anchor:none}
.work-toolbar[hidden]{display:none}
.work-chips{display:flex;flex-wrap:wrap;gap:8px}
.work-filter{display:flex;align-items:center;gap:9px;border:1px solid var(--rule);border-radius:25px;min-height:42px;padding:9px 13px;font:12px/1.25 var(--sans);white-space:nowrap;background:transparent}
.work-filter b{font:10px/1 var(--mono);font-weight:400;opacity:.7}
.work-filter:hover{border-color:var(--thread-cyan)}
.work-filter[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#111412}
.work-status{font:10px/1.5 var(--mono);color:var(--muted);white-space:nowrap;text-align:right;margin:0}
.work-select-wrap{display:none}
#trabajo .work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px;align-items:stretch;overflow-anchor:none}
#trabajo .work-grid .film-card{display:flex;flex-direction:column;grid-column:auto;gap:0;min-width:0;padding-bottom:18px;border-bottom:1px solid var(--rule)}
#trabajo .work-grid .film-card[hidden]{display:none!important}
#trabajo .work-grid .film-card>.video-shell{grid-row:auto;flex-shrink:0}
#trabajo .work-grid .film-card>.cap{margin-top:17px;font-size:10px}
#trabajo .work-grid .film-card h3{font-size:clamp(23px,2vw,30px);line-height:1.12;margin-top:9px;min-height:2.24em;font-weight:500}
#trabajo .work-grid .film-sub{font-size:14px;margin:8px 0 18px;line-height:1.5}
#trabajo .work-grid .film-card .like{align-self:flex-start;margin-top:auto;font-size:12px;min-height:40px;padding:8px 12px}
#trabajo .work-grid .film-card .like-heart{width:18px;height:18px}
#trabajo .work-grid .film-card .like-count{min-width:21px;min-height:21px;font-size:10px}
#trabajo .work-grid .play-video>span{width:58px;height:58px;font-size:21px}
.work-next{margin-top:48px}
.work-next .next-wrap{padding:28px 32px;display:block}
.work-next .next-trama{display:grid;grid-template-columns:1fr auto;gap:16px 35px;min-height:0;padding:0;background:transparent}
.work-next .next-trama>.mono{grid-column:1/-1}
.work-next .next-trama h3{font-size:clamp(30px,3.4vw,48px);line-height:1.04;margin:0;max-width:17ch}
.work-next .next-trama-action{align-self:end;gap:28px;min-width:125px}
.work-next .next-wrap>.like{margin:22px 0 0}
@media(max-width:1100px){header .desktop{display:none}header .small-logo{margin-right:auto}.work-toolbar{align-items:flex-start}.work-status{padding-top:12px}#trabajo .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media(max-width:600px){.work-toolbar{padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:25px}.work-toolbar[hidden]{display:none}.work-chips{display:none}.work-select-wrap{display:block;min-width:0}.work-select-wrap label{display:block;font:9px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.work-select-wrap select{width:100%;min-height:44px;border:1px solid var(--rule);border-radius:0;padding:9px 28px 9px 10px;background:var(--bg);color:var(--ink);font:13px var(--sans)}.work-status{align-self:end;font-size:9px;padding:0 0 13px}#trabajo .work-grid{grid-template-columns:1fr;gap:30px}#trabajo .work-grid .film-card h3{font-size:28px;min-height:0}#trabajo .work-grid .film-sub{margin-bottom:16px}.work-next{margin-top:36px}.work-next .next-wrap{padding:25px}.work-next .next-trama{grid-template-columns:1fr;gap:20px}.work-next .next-trama-action{align-self:auto;min-width:0;max-width:210px}.work-next .next-trama h3{font-size:38px}}
