:root{
  --bg:#000; --fg:#fff; --g1:#adadad; --g2:#8c8c8c; --g3:#7a7a7a; --line:#1f1f1f; --chip:#171717; --tile:#080808;
  --ease:cubic-bezier(.44,0,.56,1); --out:cubic-bezier(.22,1,.36,1);
  --font:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 14px/23.8px var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
h1,h2,h3,p,ul,dl,dd,dt,li{margin:0;padding:0;font-weight:inherit;font-size:inherit}
ul{list-style:none}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
::selection{background:#fff;color:#000}
:focus-visible{outline:1px solid #fff;outline-offset:3px;border-radius:2px}
.salto{position:fixed;left:20px;top:-60px;z-index:100;background:#fff;color:#000;padding:8px 12px;border-radius:2px;transition:top .2s}
.salto:focus{top:12px}


.nav{position:fixed;top:0;left:0;right:0;height:67px;background:var(--bg);z-index:60}
.nav::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 20px}
.logo{position:relative;display:flex;align-items:center;height:27px;min-width:26px}
.glyph{width:26px;height:27px;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.logo-t{position:absolute;left:0;top:50%;white-space:nowrap;opacity:0;transform:translateY(calc(-50% + 6px));pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.nav.is-scrolled .glyph{opacity:0;transform:translateY(-6px)}
.nav.is-scrolled .logo-t{opacity:1;transform:translateY(-50%);pointer-events:auto}
.contacto{transition:color .3s var(--ease)}
.contacto:hover{color:var(--g2)}
.js .nav{animation:aparece .3s var(--ease) both}


.hero{position:relative;margin:127px 20px 0;height:529px}
.hero-name{position:absolute;left:0;top:189.6px;width:400px}
.hero-name .n2{color:var(--g3)}
.hero-title{position:absolute;left:420px;right:0;top:170px;padding-top:12.5px}
.t{font-size:30px;line-height:30px;letter-spacing:-1px;font-weight:400}
.sub{margin-top:2px;color:var(--g3);max-width:980px}
.ticker{margin-top:90.6px;height:100px;overflow:hidden}
.ticker-track{display:flex;gap:10px;width:max-content;animation:tick 32s linear infinite}
.tile{flex:none;display:grid;place-items:center;width:150px;height:100px;background:var(--tile);border-radius:6px}
.tile svg{width:44px;height:44px}
@keyframes tick{to{transform:translateX(-1920px)}}
.js .hero-name{animation:sube .7s var(--out) .44s both}
.js .t,.js .sub{animation:enfoca .8s var(--out) .8s both}
.js .tile{animation:aparece .4s var(--ease) .8s both}
@keyframes aparece{from{opacity:0}to{opacity:1}}
@keyframes sube{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes enfoca{from{opacity:0;filter:blur(10px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:none}}


.work{margin:60px 20px 0}
.row{position:relative;display:grid;grid-template-columns:400px minmax(0,1fr);column-gap:20px;margin-bottom:30px}
.row:last-child{margin-bottom:0}
.col{display:flex;flex-direction:column;justify-content:flex-end;border-top:1px solid var(--line)}
.top{display:flex;flex-direction:column;gap:16px}
.nm{color:var(--fg)}
.tl{color:var(--g1)}
.ds{color:var(--g3)}
.tags{display:flex;flex-wrap:wrap;gap:2px}
.tags li{height:22px;padding:0 6px;background:var(--chip);border-radius:2px;color:var(--g2);font:500 10px/22px var(--font);letter-spacing:.3px;white-space:nowrap}
.pic{position:relative;aspect-ratio:980/649;border-radius:4px;overflow:hidden;background:#0a0a0a}
.pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.pic:hover img{transform:scale(1.05)}
.row-sellos .pic{aspect-ratio:980/551}
.js .rv{opacity:0;transform:translateY(24px)}
.js .rv.in{opacity:1;transform:none;transition:opacity 1s var(--out) .1s,transform 1s var(--out) .1s}
.js .rv0{transform:none}
.js .rv0.in{transition:opacity .65s var(--ease) .55s}


.slides{background:#000;border:1px solid #1b1b1b}
.mk{position:absolute;left:50%;top:50%;width:min(46%,200px);aspect-ratio:1;margin:calc(min(46%,200px) / -2) 0 0 calc(min(46%,200px) / -2);opacity:0;transform:scale(.92);filter:blur(6px);transition:opacity .55s var(--ease),transform .55s var(--ease),filter .55s var(--ease)}
.mk.on{opacity:1;transform:none;filter:none}
.mk svg{width:100%;height:100%;overflow:visible}


.blk{display:grid;grid-template-columns:400px minmax(0,1fr);column-gap:20px;margin:60px 20px 0;padding-top:19px;border-top:1px solid var(--line)}
.lbl{color:var(--g3)}
.about .lead{max-width:640px;font-size:18px;line-height:30.6px;margin-bottom:21px}
.about p+p{margin-top:16px}
.about .bd p:not(.lead){max-width:640px}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}
.cols3 .lbl{margin-bottom:8px}
.tbl .r{display:grid;grid-template-columns:210px minmax(0,1fr) auto;column-gap:0;padding:20px 0 19.2px;border-bottom:1px solid var(--line)}
.tbl .r:first-child{padding-top:0}
.tbl .r:last-child{border-bottom:0}
.tbl .c2{color:var(--g3)}
.tbl .c3{color:var(--g3);text-align:right;line-height:22.4px}
.sectores{max-width:560px;color:var(--g2)}
.links li+li{margin-top:7.7px}
.links a,.mail a,.mail-l{transition:color .3s var(--ease)}
.links a:hover,.mail a:hover,.mail-l:hover{color:var(--g2)}
.num{line-height:22.4px}
.mail{margin-top:29.6px}
.mail a{border-bottom:1px solid currentColor}
.together .bd{max-width:640px}
.clock{position:relative;width:100px;padding:0}
.clock svg{width:100px;height:100px}
.clock .ticks line{stroke:#9a9a9a;stroke-width:.8}
.clock .ticks line.q{stroke:#fff;stroke-width:1.5}
.clock .h-h,.clock .h-m{stroke:#b8b8b8;stroke-linecap:round}
.clock .h-h{stroke-width:2.6}
.clock .h-m{stroke-width:2.2}
.clock .h-s{stroke:#c4261f;stroke-width:1.1;stroke-linecap:round}
.clock .pin{fill:#e0302a}
.clock .cap{margin-top:14px;color:var(--g3);font-size:10px;line-height:17px;text-align:center;white-space:nowrap;position:relative;left:50%;transform:translateX(-50%);width:max-content}
.place{padding-bottom:6px}
.foot{margin-top:90px;display:flex;justify-content:space-between}
.copy{color:var(--g3)}
.aviso{margin:59px 20px 0;padding:0 0 20px;color:var(--g3);min-height:200px}
.aviso a{color:var(--g2);transition:color .3s var(--ease);border-bottom:1px solid currentColor}
.aviso a:hover{color:var(--fg)}


.blur-b{position:fixed;left:0;right:0;bottom:0;height:400px;pointer-events:none;z-index:40;overflow:hidden}
.blur-b i{position:absolute;inset:0;display:block}


.ficha{position:fixed;inset:0;z-index:55;background:var(--bg);overflow-y:auto;overscroll-behavior:contain;opacity:0;transition:opacity .35s var(--ease)}
.ficha[hidden]{display:none}
.ficha.on{opacity:1}
.f-in{padding:67px 20px 120px}
.f-back{display:inline-flex;gap:8px;margin:38px 0 14px;transition:color .3s var(--ease)}
.f-back:hover{color:var(--g2)}
.f-pic{position:relative;width:100%;height:min(78vh,760px);border-radius:4px;overflow:hidden;background:#0a0a0a}
.f-pic .slides{position:absolute;inset:0;aspect-ratio:auto}
.f-pic [hidden]{display:none}
.f-pic img{width:100%;height:100%;object-fit:cover}
.f-info{display:grid;grid-template-columns:400px minmax(0,1fr);column-gap:20px;margin-top:60px;padding-top:19px;border-top:1px solid var(--line)}
.f-l .tl{margin-bottom:0}
.f-l dl{margin-top:28px;display:grid;grid-template-columns:auto;row-gap:2px}
.f-l dt{color:var(--g3);margin-top:20px}
.f-l dt:first-child{margin-top:0}
.f-l .tags{margin-top:28px}
.f-r{max-width:640px}
.f-r p+p{margin-top:16px}
.f-sig{display:inline-block;margin-top:56px;border-bottom:1px solid currentColor;transition:color .3s var(--ease)}
.f-sig:hover{color:var(--g2)}
.ficha.on .f-pic{animation:sube .8s var(--out) .1s both}
.ficha.on .f-info{animation:sube .8s var(--out) .2s both}


.toast{position:fixed;left:50%;bottom:28px;z-index:90;transform:translate(-50%,16px);opacity:0;background:#fff;color:#000;padding:9px 16px;border-radius:2px;font-size:13px;line-height:20px;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.toast.on{opacity:1;transform:translate(-50%,0)}


@media (max-width:1279.98px){
  .hero{height:347px}
  .hero-name{top:147.6px;width:32.6%}
  .hero-title{left:calc(32.6% + 20px);top:128px}
  .sub{max-width:none}
  .ticker{margin-top:26.9px}
  .work{margin-top:60px}
  .row{display:flex;flex-direction:column;padding-top:30px;margin-bottom:30px}
  .row:last-child{margin-bottom:0}
  .pic{order:-1}
  .col{margin-top:29px;padding:20px 0 20px;justify-content:flex-start}
  .blk{grid-template-columns:minmax(0,32.6%) minmax(0,1fr)}
  .f-info{grid-template-columns:minmax(0,32.6%) minmax(0,1fr)}
}


@media (max-width:809.98px){
  .nav::after{left:10px;right:10px}
  .nav-in{padding:0 10px}
  .salto{left:10px}
  .hero,.work,.blk,.aviso{margin-left:10px;margin-right:10px}
  .hero{height:490px}
  .hero-name{top:49.6px;width:100%}
  .hero-title{left:0;top:178px}
  .t{font-size:25px;line-height:26px}
  .logo-t .g{color:var(--g3)}
  .sub{margin-top:6px}
  .ticker{margin-top:79.8px}
  .row{padding-top:0;margin-bottom:40px}
  .row:last-child{margin-bottom:0}
  .col{margin-top:10px;padding:20px 0}
  .tags{margin-bottom:0}
  .blk{display:block}
  .blk>.lbl{margin-bottom:19px}
  .about .lead{font-size:16px;line-height:27.2px;margin-bottom:19px}
  .cols3{display:block}
  .cols3>div+div{margin-top:40px}
  .tbl .r{display:block;padding:20px 0 19.4px}
  .tbl .c2{display:block;margin-top:4px}
  .tbl .c3{display:block;margin-top:3px;text-align:left}
  .clock .cap{left:50%}
  .foot{display:grid;grid-template-columns:1fr 1fr;justify-content:normal}
  .f-in{padding:67px 10px 90px}
  .f-info{display:block;margin-top:40px}
  .f-r{margin-top:36px}
  .f-pic{height:auto;aspect-ratio:980/649}
  .toast{max-width:calc(100vw - 24px)}
}


@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
  .mk{transition:none}
  .ficha{transition:none}
}