/* Trabajos — se apoya en styles-v7.css */
.th{padding-block:clamp(90px,15vh,170px) clamp(24px,4vh,48px)}
.th-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:clamp(20px,4vh,52px)}
.th h1{font-size:clamp(46px,13vw,250px);line-height:.84;display:flex;flex-direction:column}
.th h1 .ln{display:block;overflow:hidden;padding-block:.34em;margin-block:-.34em}
.th h1 .ln>span{display:block;transform:translateY(104%);filter:blur(14px);transition:transform 1.05s var(--eo),filter .85s var(--e)}
.th h1.go .ln>span{transform:translateY(0);filter:blur(0)}
.th-b{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:clamp(20px,3vh,34px);padding-top:clamp(16px,2.4vh,26px);border-top:2px solid var(--ink);opacity:0;transform:translateY(12px);transition:opacity 1s var(--e) .5s,transform 1s var(--e) .5s}
.th-b.go{opacity:1;transform:none}
.th-b p{max-width:44ch;font-size:clamp(13px,1.3vw,17px);line-height:1.5;color:var(--soft)}

.cl{padding-block:clamp(40px,7vh,96px)}
.cl:nth-child(even) .cl-h{border-color:var(--turq)}
.cl-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:clamp(10px,1.6vw,24px);padding-bottom:clamp(10px,1.4vh,16px);border-bottom:3px solid var(--ink)}
.cl-n{color:var(--turq);flex:0 0 auto}
.cl-h h2{font-size:clamp(26px,5.6vw,104px);flex:1 1 auto}
.cl-h .lbl{color:var(--soft);flex:0 0 auto}
.cl-t{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(20px,3.4vw,56px);align-items:start;padding-block:clamp(18px,3vh,36px)}
.cl-lede{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(17px,2.3vw,38px);line-height:1.02;letter-spacing:-.012em;text-wrap:pretty}
.cl-body p{font-size:15.5px;line-height:1.6;color:var(--soft);text-wrap:pretty}
.tg{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.tag{border:1px solid var(--rule);padding:6px 12px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}
.cl-web{display:inline-flex;align-items:center;gap:12px;margin-top:20px;background:var(--ink);color:var(--paper);padding:13px 20px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .35s,gap .45s var(--e)}
.cl-web:hover{background:var(--turq);color:var(--paper);gap:20px}
.cl-web i{font-style:normal}

.cl-lead{display:block;margin-block:clamp(6px,1vh,14px);overflow:hidden}
.cl-lead img{width:100%;aspect-ratio:21/9;object-fit:cover;background:#eee;transition:transform 1.1s var(--eo)}
.cl-lead:hover img{transform:scale(1.03)}

.cl-g{display:flex;flex-direction:column;gap:clamp(6px,.8vw,12px);margin-top:clamp(6px,1vh,12px)}
.cl-row{display:flex;gap:clamp(6px,.8vw,12px);height:var(--h)}
.cl-row.h0{--h:clamp(150px,26vh,340px)}
.cl-row.h1{--h:clamp(120px,20vh,260px)}
.cl-row.h2{--h:clamp(135px,23vh,300px)}
.cl-i{flex:var(--w,1) 1 0;min-width:0;overflow:hidden;background:#eee;display:block}
.cl-i img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--eo),filter .5s var(--e)}
.cl-i:hover img{transform:scale(1.05);filter:saturate(1.08)}

@media(max-width:1000px){
.th{padding-block:80px 26px}
.cl-t{grid-template-columns:1fr;gap:18px}
.cl-lead img{aspect-ratio:16/9}
.cl-row.h0{--h:clamp(104px,20vw,190px)}
.cl-row.h1{--h:clamp(88px,17vw,160px)}
.cl-row.h2{--h:clamp(96px,18vw,175px)}
}