/* work.css · ficha de trabajo para marcas (v5) */
.work-page{background:var(--ink)}
.w-hero{padding-bottom:clamp(72px,8vw,120px)}
.w-media{margin-top:clamp(32px,4vw,56px);border-radius:clamp(8px,1vw,14px);overflow:hidden;background:#141414}
.w-media img{width:100%;height:auto;display:block}
.w-media.vueling,.h4-media.vueling{position:relative;aspect-ratio:16/9;height:auto}
.w-media.vueling img,.h4-media.vueling img{position:absolute;width:278.75%;max-width:none;height:auto;left:50%;top:-10%;transform:translateX(-50%)}
@media(hover:hover) and (pointer:fine){.h4-card:hover .h4-media.vueling img{transform:translateX(-50%) scale(1.03)}}
.w-body{display:grid;grid-template-columns:repeat(12,1fr);gap:32px var(--gap);margin-top:clamp(40px,5vw,72px)}
.w-facts{grid-column:1/span 4;grid-template-columns:1fr;margin:0;border-top:0}
.w-facts>div{border-top:1px solid var(--line-d);padding:14px 0 16px}
.w-text{grid-column:6/span 7}
.w-desc{font-size:clamp(20px,1.8vw,26px);line-height:1.35;max-width:36ch}
.w-note{margin-top:18px;color:var(--g3);font-size:16px;max-width:52ch}
.w-cta{margin-top:28px}
.w-cta .btn{min-height:44px}
.w-cta .btn.solid{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.w-more{background:var(--ink);color:var(--cream);padding:clamp(72px,8vw,120px) 0;border-top:1px solid var(--line-d)}
.w-more .h4-group-head h2{font-size:clamp(32px,3.6vw,52px)}
.w-pn{display:flex;gap:20px;font-size:15px}
.w-pn a{color:var(--g2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--g4)}
@media(hover:hover) and (pointer:fine){.w-pn a:hover{color:var(--cream);text-decoration-color:var(--cyan)}}
.w-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.w-grid>*{min-width:0}
.w-grid .h4-media{height:clamp(200px,20vw,320px)}
@media(max-width:1000px){.w-facts,.w-text{grid-column:1/-1}.w-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.w-grid .h4-card:nth-child(3){display:none}}
@media(max-width:760px){.w-media{margin-inline:calc(var(--pad) * -1);border-radius:0}.w-grid{grid-template-columns:minmax(0,1fr)}.w-grid .h4-card:nth-child(3){display:flex}.w-grid .h4-media{height:56vw}}
