/* Trabajos de la portada: la pieza de trabajos-e1, con prefijo t1-. Generado por _scripts/trabajos-portada.mjs, no se edita a mano */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:300 500;font-display:swap;src:url(fonts/inter-tight-latin.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-italic-latin.woff2) format("woff2")}
.t1-sec{--fondo:#0D0E13;--texto:#F4F0EC;--curva:cubic-bezier(.19,1,.22,1);--ent:cubic-bezier(.65,0,.35,1)}
.t1-sec,.t1-sec *{box-sizing:border-box;margin:0;padding:0}
.t1-sec{background:var(--fondo);color:var(--texto);font-family:"Inter Tight",system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
.t1-sec a{color:inherit;text-decoration:none}
.t1-sec img{display:block}

/* ============ ORDENADOR ============ */
.t1-escena{position:absolute;inset:0;overflow:hidden;background:var(--fondo)}
.t1-pel{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ent);pointer-events:none}
.t1-pel.t1-on{opacity:1}
.t1-fondo{position:absolute;inset:-4%;background-size:112% auto;background-repeat:no-repeat;filter:blur(2.5px) saturate(1.2) brightness(1.02);transform:scale(1.04);will-change:transform}
.t1-pel.t1-on .t1-fondo{animation:respira 26s ease-in-out infinite alternate}
@keyframes respira{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.2%,.8%,0)}}
.t1-vel{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(13,14,19,.5) 0%,rgba(13,14,19,.18) 38%,rgba(13,14,19,0) 60%),
  linear-gradient(0deg,rgba(13,14,19,.55) 0%,rgba(13,14,19,0) 28%),
  linear-gradient(180deg,rgba(13,14,19,.5) 0%,rgba(13,14,19,0) 22%)}
.t1-centro{position:absolute;left:48vw;top:50%;width:min(44vw,calc((100svh - 190px) * 1.6));aspect-ratio:1.6;transform:translate3d(var(--t1px,0),calc(-50% + var(--t1py,0px)),0) scale(.94);opacity:0;border-radius:10px;overflow:hidden;
  box-shadow:0 60px 120px -30px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08);transition:opacity .45s ease,transform 1s var(--curva)}
.t1-pel.t1-on .t1-centro{opacity:1;transform:translate3d(var(--t1px,0),calc(-50% + var(--t1py,0px)),0) scale(1);transition:opacity .7s .25s ease,transform 1.2s .15s var(--curva)}
.t1-centro img{width:100%;height:100%;object-fit:cover}
.t1-movil-c{position:absolute;left:calc(48vw + min(44vw,calc((100svh - 190px) * 1.6)) - 78px);bottom:calc(50% - min(44vw,calc((100svh - 190px) * 1.6)) / 1.6 / 2 - 34px);width:clamp(96px,8.4vw,134px);aspect-ratio:600/1298;border-radius:18px;overflow:hidden;opacity:0;transform:translate3d(0,26px,0);box-shadow:0 40px 70px -20px rgba(0,0,0,.7),0 0 0 3px #15161b,0 0 0 4px rgba(255,255,255,.14);transition:opacity .4s,transform .9s var(--curva)}
.t1-pel.t1-on .t1-movil-c{opacity:1;transform:none;transition:opacity .7s .5s,transform 1.2s .45s var(--curva)}
.t1-movil-c img{width:100%;height:100%;object-fit:cover}

/* lista */
.t1-lista{position:absolute;z-index:20;left:clamp(20px,6vw,100px);top:50%;transform:translateY(-50%);width:min(40vw,640px);list-style:none}
.t1-lista a{display:block;padding:clamp(6px,1.2vh,12px) 0;cursor:pointer}
.t1-lista h2{font-weight:300;font-size:clamp(34px,3.9vw,62px);line-height:1.04;letter-spacing:-.045em;opacity:.38;transition:opacity .5s,transform .8s var(--curva)}
.t1-lista li.t1-on h2,.t1-lista a:focus-visible h2{opacity:1;transform:translateX(14px)}
.t1-lista .t1-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--curva)}
.t1-lista .t1-sub>div{overflow:hidden;font-size:clamp(14px,1.15vw,17px);font-weight:400;opacity:0;transition:opacity .5s;padding-left:14px;letter-spacing:.005em}
.t1-lista li.t1-on .t1-sub{grid-template-rows:1fr}
.t1-lista li.t1-on .t1-sub>div{opacity:.9;transition-delay:.2s;padding-top:6px}
.t1-sub em{font-family:"Instrument Serif",serif;font-style:italic;font-size:1.25em;margin-left:.5em;opacity:.8}
.t1-pie-e{position:absolute;z-index:20;left:clamp(20px,3.6vw,56px);right:clamp(20px,3.6vw,56px);bottom:clamp(18px,3.2vh,30px);display:flex;justify-content:space-between;font-size:14px;font-variant-numeric:tabular-nums}
.t1-pie-e b{font-weight:500}.t1-pie-e span{opacity:.6}
.t1-ver{position:fixed;z-index:40;left:0;top:0;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;font-size:15px;pointer-events:none;opacity:0;transform:scale(.3);transition:opacity .3s,transform .5s var(--curva)}
.t1-ver.t1-on{opacity:1;transform:scale(1)}
.t1-cubre{position:absolute;z-index:15;left:48vw;top:50%;width:min(44vw,calc((100svh - 190px) * 1.6));aspect-ratio:1.6;transform:translateY(-50%)}

/* ============ MÓVIL ============ */
.t1-bloques{display:none}
@media (max-width:819px){
  .t1-escena,.t1-lista,.t1-pie-e,.t1-ver,.t1-cubre{display:none}
    .t1-bloques{display:block}
  .t1-bl{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0 20px 34px}
  .t1-bl .t1-fondo{position:absolute;inset:-6%;filter:blur(5px) saturate(1.2) brightness(.95);transform:scale(1.04)}
  .t1-bl .t1-vel{background:linear-gradient(180deg,rgba(13,14,19,.5) 0%,rgba(13,14,19,0) 22%,rgba(13,14,19,0) 50%,rgba(13,14,19,.78) 100%)}
  .t1-bl .t1-tel{position:relative;width:min(58vw,250px);margin:0 auto auto;aspect-ratio:600/1298;border-radius:26px;overflow:hidden;margin-top:clamp(84px,14svh,120px);box-shadow:0 50px 80px -24px rgba(0,0,0,.7),0 0 0 4px #15161b,0 0 0 5px rgba(255,255,255,.14);opacity:0;transform:translateY(34px) scale(.96);transition:opacity .8s,transform 1.2s var(--curva)}
  .t1-bl .t1-tel img{width:100%;height:100%;object-fit:cover}
  .t1-bl.t1-ve .t1-tel{opacity:1;transform:none}
  .t1-bl .t1-txt{position:relative;margin-top:22px}
  .t1-bl h2{font-weight:300;font-size:clamp(38px,11.5vw,52px);line-height:1;letter-spacing:-.045em}
  .t1-bl p{margin-top:8px;font-size:16px;opacity:.9}
  .t1-bl .t1-num{display:block;margin-bottom:8px;font-size:13px;opacity:.6;font-variant-numeric:tabular-nums}
  .t1-bl .t1-boton{display:inline-flex;align-items:center;margin-top:16px;min-height:48px;padding:0 24px;border-radius:99px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:16px}
}
@media (prefers-reduced-motion:reduce){.t1-pel,.t1-centro,.t1-movil-c,.t1-lista h2,.t1-bl .t1-tel{transition:none!important}.t1-pel.t1-on .t1-fondo{animation:none}}

/* ---- lo unico propio: la pieza dentro de la portada (la portada pone line-height 1.5 y cuerpo propio en body; la pieza los tenia por defecto) ---- */
.t1-sec{font-size:16px;line-height:normal;letter-spacing:normal;font-weight:400}
.t1-pista{position:relative}
.t1-todos{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;min-height:clamp(150px,26vh,260px);padding:0 clamp(20px,6vw,100px);background:var(--fondo)}
.t1-todos a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;border-radius:99px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:16px;transition:background .3s,color .3s}
.t1-todos a:hover,.t1-todos a:focus-visible{background:#f4f0ec;color:#0d0e13}
.t1-todos span{font-size:14px;opacity:.6;font-variant-numeric:tabular-nums}
@media (min-width:820px){
  .t1-pista{height:calc(100svh + 4 * 70svh)}
  .t1-pin{position:sticky;top:0;height:100svh;overflow:hidden}
}
@media (max-width:819px){.t1-pin{display:none}.t1-todos{min-height:150px;padding-bottom:20px}}