@font-face{font-family:Chivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/d6d1cf5e8706839f-s.0wshmoobkgfsd.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/0173d481ef9df56a-s.292z1ur_wx-18.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/74f465119297d0e6-s.p.3b6-7wz_5l3s6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chivo Fallback;src:local(Arial);ascent-override:87.67%;descent-override:23.32%;line-gap-override:0.0%;size-adjust:107.22%}.chivo_bc2d6883-module__W73CTG__className{font-family:Chivo,Chivo Fallback;font-style:normal}.chivo_bc2d6883-module__W73CTG__variable{--font-chivo:"Chivo", "Chivo Fallback"}
@font-face{font-family:Chivo Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2ff3581ba07a6380-s.42nykp_oaw4i5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chivo Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/41461fdd00f20dc2-s.0zkaco30kda_a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chivo Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/387ee14c0e0fe675-s.p.3-lut242jvm36.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Chivo Mono Fallback;src:local(Arial);ascent-override:69.84%;descent-override:18.58%;line-gap-override:0.0%;size-adjust:134.59%}.chivo_mono_96a2c388-module__ryulnG__className{font-family:Chivo Mono,Chivo Mono Fallback;font-style:normal}.chivo_mono_96a2c388-module__ryulnG__variable{--font-chivo-mono:"Chivo Mono", "Chivo Mono Fallback"}
:root{--papel:#f7f7f5;--tinta:#111;--oscuro:#0e0e0e;--papel-60:#f7f7f599;--tinta-60:#1119;--regla-papel:#f7f7f524;--regla-tinta:#11111124;--fs-h2:clamp(1.75rem, 5vw, 3rem);--fs-row:clamp(1.375rem, 3.6vw, 2.25rem);--fs-body:clamp(1rem, 1.1vw, 1.125rem);--fs-mono:.75rem;--fs-mono-menudo:.6875rem;--fs-sub:clamp(1.5rem, 2.5vw, 2.625rem);--fs-marca:calc(var(--fs-sub) * 4.0913 * .97);--fs-marca-hero:clamp(3rem, 15vw, 4.5rem);--ajuste-titulo:1;--e-1:8px;--e-2:16px;--e-3:24px;--e-4:40px;--e-5:64px;--e-6:96px;--e-7:160px;--pad-x:24px;--pad-y:clamp(16px, 3vh, 56px);--ancho-max:1440px;--canaleta:56px;--columna-px:620px;--ancho-columna:min(100%, var(--columna-px));--alto-fila:72px;--ease:cubic-bezier(.5, 1, .89, 1);--dur-traslado:.7s;--dur-anticipacion:.14s;--anticipacion:24px;--radio-marco:20px;--iso-ancho:min(58vw, 260px);--iso-paso:calc(var(--iso-ancho) * .06 / 20);--punto-paso:28px;--punto-radio:1px;--punto-ambiente:.1;--punto-barrido:.16;--alto-pantalla:100vh;--alto-textarea:clamp(72px, 12vh, 108px);--moire-p:64px;--moire-deriva:9.35s;--moire-op-fine:.05;--moire-op-coarse:.05;--fase-1:.35s;--fase-2:.35s;--escalonado:.2s;--dur-logo:.8s;--dur-cruce:.5s}@supports (height:100dvh){:root{--alto-pantalla:100dvh;--alto-textarea:clamp(72px, 12dvh, 108px)}}@media (min-width:769px){:root{--pad-x:48px;--moire-p:96px;--moire-deriva:14s;--punto-paso:40px;--punto-radio:1.25px;--iso-ancho:min(52vw, 400px)}}@media (min-width:1024px){:root{--fs-marca-hero:var(--fs-marca);--alto-fila:96px;--ancho-panel:calc(min(100vw, var(--ancho-max)) - 2 * var(--pad-x) - var(--columna-px) - var(--e-5));--alto-panel:calc(var(--ancho-panel) * 9 / 16)}}@media (min-width:1280px){:root{--pad-x:80px;--moire-p:128px;--moire-deriva:18.7s;--iso-ancho:min(46vw, 560px)}}:root[data-mouse=si]{--punto-ambiente:.05;--punto-barrido:.09}*,:before,:after{box-sizing:border-box;border-radius:0;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;scroll-behavior:auto;-webkit-text-size-adjust:100%;height:100%}body{height:var(--alto-pantalla);background:var(--papel);color:var(--tinta);font-family:var(--font-chivo), system-ui, sans-serif;font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5;overflow:hidden}img,svg,picture{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit;background:0 0;border:0}ul,ol{list-style:none}:focus-visible{outline-offset:3px;outline:2px solid}:root[data-mouse=si],[data-mouse=si] a,[data-mouse=si] button{cursor:none}[data-mouse=si] input,[data-mouse=si] textarea{cursor:text}.mono{font-family:var(--font-chivo-mono), ui-monospace, monospace;font-size:var(--fs-mono);letter-spacing:.12em;text-transform:uppercase;font-weight:400;line-height:1.5}.h2{font-size:var(--fs-h2);letter-spacing:-.02em;font-weight:700;line-height:1.05}.trabajos .h2,.demos .h2{font-size:calc(var(--fs-marca-hero) * var(--ajuste-titulo));letter-spacing:-.04em}@media (min-width:1564px){.trabajos{--ajuste-titulo:.9}}@media (min-width:1024px){.demos{--ajuste-titulo:.55}}.descripcion{max-width:48ch;margin-top:var(--e-2);font-size:var(--fs-body);color:var(--atenuado);font-weight:400}.indicacion{margin-top:var(--e-2);font-size:var(--fs-mono-menudo);letter-spacing:.14em;opacity:.45;transition:opacity .3s var(--ease);display:none}@media (hover:hover) and (pointer:fine){.indicacion{display:block}}.hover-trabajos .trabajos .indicacion,.hover-demos .demos .indicacion{opacity:0}.pantallas{height:var(--alto-pantalla);overscroll-behavior:none;touch-action:pan-y pinch-zoom;animation:entrada-pagina var(--fase-1) var(--ease) both;position:relative;overflow:clip}.pantallas:focus-visible{outline-offset:-4px}.pista{transform:translate3d(0, calc(-1 * var(--seccion,0) * var(--alto-pantalla)), 0);transition:transform var(--dur-traslado) var(--ease);will-change:transform}.pantallas[data-seccion="0"]{--seccion:0}.pantallas[data-seccion="1"]{--seccion:1}.pantallas[data-seccion="2"]{--seccion:2}.pantallas[data-seccion="3"]{--seccion:3}.pantalla{height:var(--alto-pantalla);position:relative;overflow:hidden}.pantalla__contenido{height:100%;transition:transform var(--dur-anticipacion) var(--ease)}.pantalla[data-anticipa=abajo] .pantalla__contenido{transform:translate3d(0, var(--anticipacion), 0)}.pantalla[data-anticipa=arriba] .pantalla__contenido{transform:translate3d(0, calc(-1 * var(--anticipacion)), 0)}.pantalla--papel{background:var(--papel);color:var(--tinta);--regla:var(--regla-tinta);--atenuado:var(--tinta-60);--moire-tinta:var(--tinta)}.pantalla--oscuro{background:var(--oscuro);color:var(--papel);--regla:var(--regla-papel);--atenuado:var(--papel-60);--moire-tinta:var(--papel)}.pantalla--tinta{background:var(--tinta);color:var(--papel);--regla:var(--regla-papel);--atenuado:var(--papel-60);--moire-tinta:var(--papel)}@keyframes entrada-pagina{0%{opacity:0}to{opacity:1}}@media (max-width:1023px){html,body{height:auto;overflow:visible}.pantallas{overscroll-behavior:auto;touch-action:auto;height:auto;overflow:visible}.pista{will-change:auto;transition:none;transform:none}.pantalla{height:auto;min-height:var(--alto-pantalla);flex-direction:column;display:flex}.pantalla__contenido{flex-direction:column;flex:auto;height:auto;transition:none;display:flex;transform:none}.home,.trabajos,.demos,.contacto{flex-direction:column;flex:auto;height:auto;display:flex}.home__interior,.trabajos__interior,.demos__interior,.contacto__interior{flex:auto;height:auto}}.contenedor{width:100%;max-width:var(--ancho-max);padding-inline:var(--pad-x);margin-inline:auto}.bloque-encabezado{flex:none;margin-bottom:clamp(16px,2.6vh,40px)}@media (scripting:enabled){[data-reveal]{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(min(50%,64px))}[data-reveal].is-in{opacity:1;transform:translateY(0)}}.home{height:100%;position:relative;overflow:hidden}.home__interior{z-index:2;align-content:center;justify-items:center;gap:var(--e-3);height:100%;padding-block:var(--pad-y);grid-template-columns:1fr;grid-template-areas:"marca""isotipo""texto";display:grid;position:relative}.home__marca-nombre{font-size:var(--fs-marca-hero);letter-spacing:-.04em;grid-area:marca;font-weight:700;line-height:1}.home__marca{grid-area:isotipo;justify-content:center;display:flex}.home__texto{grid-area:texto;width:100%}.home__subtitulo{font-size:var(--fs-sub);letter-spacing:-.02em;font-weight:600;line-height:1.1}.home__linea{padding-bottom:.18em;margin-bottom:-.18em;margin-inline:-.08em;padding-inline:.08em;display:block;overflow:hidden}.home__linea>span{opacity:0;animation:hero-subir 1s var(--ease) both;display:block;transform:translateY(calc(100% + .18em))}.home__linea--1>span{animation-delay:var(--fase-2)}.home__linea--2>span{animation-delay:calc(var(--fase-2) + var(--escalonado))}.home__linea--3>span{animation-delay:calc(var(--fase-2) + 2 * var(--escalonado))}@keyframes hero-subir{0%{opacity:0;transform:translateY(calc(100% + .18em))}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.home__interior{padding-top:calc(var(--alto-pantalla) * .1);align-content:start}}@media (max-width:768px){.home__interior{padding-bottom:calc(2*clamp(2rem,13vw,3.5rem) + 64px)}}@media (min-width:769px) and (max-width:1279px){.home__interior{padding-bottom:calc(2*clamp(3rem,9vw,6rem) + 64px)}}@media (min-width:1024px){.home__interior{padding-inline:calc(var(--pad-x) + var(--canaleta));place-items:center start;column-gap:var(--e-5);row-gap:var(--e-3);grid-template-columns:1fr auto;grid-template-areas:"marca isotipo""texto isotipo"}.home__marca-nombre{align-self:end}.home__texto{align-self:start}.home__marca{align-self:center}}.marca-hero{perspective:800px;animation:entrada-logo var(--dur-logo) var(--ease) var(--fase-2) both;display:grid}.marca-hero>.isotipo-pila,.marca-hero>.logo3d{grid-area:1/1}@keyframes entrada-logo{0%{opacity:0}to{opacity:1}}.marca-hero>.logo3d{animation:cruce-entra var(--dur-cruce) var(--ease) both}.marca-hero[data-canvas]>.isotipo-pila{will-change:auto;animation:cruce-sale var(--dur-cruce) var(--ease) both}@keyframes cruce-entra{0%{opacity:0}to{opacity:1}}@keyframes cruce-sale{0%{opacity:1}to{opacity:0;visibility:hidden}}.isotipo-pila{width:var(--iso-ancho);height:var(--iso-ancho);transform-style:preserve-3d;will-change:transform;position:relative;transform:rotateX(14deg)}.isotipo__capa{width:100%;height:100%;transform:translateZ(calc(var(--i) * -1 * var(--iso-paso)));position:absolute;inset:0}.isotipo__capa[data-capa="0"]{--i:0;color:var(--tinta)}.isotipo__capa[data-capa="1"]{--i:1;color:color-mix(in srgb, var(--tinta) 97.1%, var(--papel))}.isotipo__capa[data-capa="2"]{--i:2;color:color-mix(in srgb, var(--tinta) 94.2%, var(--papel))}.isotipo__capa[data-capa="3"]{--i:3;color:color-mix(in srgb, var(--tinta) 91.3%, var(--papel))}.isotipo__capa[data-capa="4"]{--i:4;color:color-mix(in srgb, var(--tinta) 88.4%, var(--papel))}.isotipo__capa[data-capa="5"]{--i:5;color:color-mix(in srgb, var(--tinta) 85.5%, var(--papel))}.isotipo__capa[data-capa="6"]{--i:6;color:color-mix(in srgb, var(--tinta) 82.6%, var(--papel))}.isotipo__capa[data-capa="7"]{--i:7;color:color-mix(in srgb, var(--tinta) 79.7%, var(--papel))}.isotipo__capa[data-capa="8"]{--i:8;color:color-mix(in srgb, var(--tinta) 76.8%, var(--papel))}.isotipo__capa[data-capa="9"]{--i:9;color:color-mix(in srgb, var(--tinta) 73.9%, var(--papel))}.isotipo__capa[data-capa="10"]{--i:10;color:color-mix(in srgb, var(--tinta) 71.1%, var(--papel))}.isotipo__capa[data-capa="11"]{--i:11;color:color-mix(in srgb, var(--tinta) 68.2%, var(--papel))}.isotipo__capa[data-capa="12"]{--i:12;color:color-mix(in srgb, var(--tinta) 65.3%, var(--papel))}.isotipo__capa[data-capa="13"]{--i:13;color:color-mix(in srgb, var(--tinta) 62.4%, var(--papel))}.isotipo__capa[data-capa="14"]{--i:14;color:color-mix(in srgb, var(--tinta) 59.5%, var(--papel))}.isotipo__capa[data-capa="15"]{--i:15;color:color-mix(in srgb, var(--tinta) 56.6%, var(--papel))}.isotipo__capa[data-capa="16"]{--i:16;color:color-mix(in srgb, var(--tinta) 53.7%, var(--papel))}.isotipo__capa[data-capa="17"]{--i:17;color:color-mix(in srgb, var(--tinta) 50.8%, var(--papel))}.isotipo__capa[data-capa="18"]{--i:18;color:color-mix(in srgb, var(--tinta) 47.9%, var(--papel))}.isotipo__capa[data-capa="19"]{--i:19;color:color-mix(in srgb, var(--tinta) 45%, var(--papel))}.logo3d{width:var(--iso-ancho);height:var(--iso-ancho);position:relative}.logo3d:before{content:"";background:radial-gradient(ellipse at center, color-mix(in srgb, var(--tinta) 8%, transparent) 0%, transparent 72%);pointer-events:none;width:66%;height:13%;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.logo3d__lienzo{width:100%;height:100%;display:block;position:relative}.puntos{--trama:radial-gradient(circle at center, var(--tinta) 0 var(--punto-radio), transparent var(--punto-radio));z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.puntos__rejilla{background-image:var(--trama);background-size:var(--punto-paso) var(--punto-paso);opacity:var(--punto-ambiente);position:absolute;inset:0}.puntos__barrido,.puntos__foco{-webkit-mask-image:var(--trama);-webkit-mask-image:var(--trama);mask-image:var(--trama);-webkit-mask-size:var(--punto-paso) var(--punto-paso);-webkit-mask-size:var(--punto-paso) var(--punto-paso);mask-size:var(--punto-paso) var(--punto-paso);position:absolute;inset:0;overflow:hidden;-webkit-mask-repeat:repeat;mask-repeat:repeat}.puntos__barrido{opacity:var(--punto-barrido)}.puntos__banda{background-image:repeating-linear-gradient(90deg, transparent 0px, transparent 180px, var(--tinta) 300px, transparent 420px, transparent 600px);will-change:transform;width:400%;height:300%;animation:24s linear infinite puntos-barrido;position:absolute;top:-100%;left:-100%}@keyframes puntos-barrido{0%{transform:rotate(-25deg)translate(0,0)}to{transform:rotate(-25deg)translate(600px)}}.puntos-pausado .puntos__banda{animation-play-state:paused}.puntos__halo,.puntos__recorrido{display:none}.puntos__halo{opacity:.53;background-image:radial-gradient(circle 520px at center, var(--tinta) 0%, var(--tinta) 35%, transparent 100%);width:1040px;height:1040px;transform:translate3d(var(--mx,-2000px), var(--my,-2000px), 0);margin:-520px 0 0 -520px;position:absolute;top:0;left:0}[data-mouse=si] .puntos__halo,:root:not([data-mouse=si]) .puntos__recorrido{display:block}.puntos__recorrido{--foco-radio:min(24vw, 130px);opacity:.55;background-image:radial-gradient(circle var(--foco-radio) at center, var(--tinta) 0%, var(--tinta) 35%, transparent 100%);background-position:50%;background-repeat:no-repeat;background-size:calc(var(--foco-radio) * 2) calc(var(--foco-radio) * 2);will-change:transform, translate;animation:13s ease-in-out infinite alternate foco-horizontal,8.5s ease-in-out infinite alternate foco-vertical;position:absolute;inset:0}@keyframes foco-horizontal{0%{translate:-28%}to{translate:28%}}@keyframes foco-vertical{0%{transform:translateY(-24%)}to{transform:translateY(24%)}}.home__marca-agua{z-index:1;letter-spacing:-.04em;text-align:center;width:100%;color:var(--tinta);opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(2rem,13vw,3.5rem);font-weight:700;line-height:1;position:absolute;bottom:-.1544em;left:50%;transform:translate(-50%)}.home__marca-agua-linea{display:block}@media (min-width:769px) and (max-width:1279px){.home__marca-agua{font-size:clamp(3rem,9vw,6rem)}}@media (min-width:1280px){.home__marca-agua{white-space:nowrap;width:auto;font-size:clamp(2.5rem,7.5vw,8.5rem)}.home__marca-agua-linea{display:inline}}.indicador{align-items:center;gap:var(--e-2);color:var(--tinta);pointer-events:none;transition:opacity .3s var(--ease);flex-direction:column;display:flex}.indicador__texto{font-size:var(--fs-mono-menudo);letter-spacing:.16em;opacity:.55}.indicador--izquierda,.indicador--derecha{z-index:3;display:none;position:absolute;top:50%;transform:translateY(-50%)}.indicador--izquierda{left:var(--pad-x)}.indicador--derecha{right:var(--pad-x)}.indicador--mobile{margin-top:var(--e-3);gap:10px}.indicador--mobile .indicador__texto{font-size:10px}@media (min-width:1024px){.indicador--izquierda,.indicador--derecha{display:flex}.indicador--izquierda .indicador__texto,.indicador--derecha .indicador__texto{writing-mode:vertical-rl}.indicador--mobile{display:none}}.chevrones{flex-direction:column;align-items:center;gap:10px;display:flex}.chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;animation:1.8s ease-in-out infinite chevron-pulso;transform:rotate(45deg)}.chevron[data-orden="1"]{animation-delay:.18s}.chevron[data-orden="2"]{animation-delay:.36s}@keyframes chevron-pulso{0%,to{opacity:.25}50%{opacity:1}}.nav-usada .indicador{opacity:0}.nav-usada .chevron{animation:none}.moire{pointer-events:none;position:absolute;inset:0;overflow:hidden}.moire__layer{left:0;right:0;top:calc(-1 * var(--moire-p));height:calc(100% + var(--moire-p) * 2);position:absolute}.moire__fine{background-image:repeating-linear-gradient(0deg, var(--moire-tinta) 0 1px, transparent 1px calc(var(--moire-p) / 2.08)), repeating-linear-gradient(90deg, var(--moire-tinta) 0 1px, transparent 1px calc(var(--moire-p) / 2.08));opacity:var(--moire-op-fine)}.moire__coarse{background-image:repeating-linear-gradient(0deg, var(--moire-tinta) 0 1px, transparent 1px var(--moire-p)), repeating-linear-gradient(90deg, var(--moire-tinta) 0 1px, transparent 1px var(--moire-p));opacity:var(--moire-op-coarse);will-change:transform;animation:moire-drift var(--moire-deriva) linear infinite}@keyframes moire-drift{0%{transform:translate(0,0)}to{transform:translate3d(0, var(--moire-p), 0)}}.moire-pausado .moire__coarse{animation-play-state:paused}.trabajos,.demos{height:100%;position:relative}.trabajos__interior,.demos__interior{height:100%;min-height:0;padding-block:var(--pad-y);flex-direction:column;justify-content:safe center;display:flex;position:relative}.trabajos__cuerpo,.demos__cuerpo{gap:var(--e-4);flex-direction:column;flex:0 auto;min-height:0;display:flex}.columna-indice{flex-direction:column;flex:0 auto;min-height:0;display:flex}@media (min-width:769px) and (max-width:1023px){.columna-indice{width:var(--ancho-columna)}}@media (min-width:1024px){.trabajos__cuerpo,.demos__cuerpo{gap:0 var(--e-5);flex:auto;grid-template-rows:1fr auto auto 1fr;display:grid}.trabajos__cuerpo{grid-template-columns:var(--ancho-columna) 1fr}.demos__cuerpo{grid-template-columns:1fr var(--ancho-columna)}.columna-indice{display:contents}.trabajos .bloque-encabezado{grid-area:2/1}.trabajos .indice{grid-area:3/1}.trabajos__panel{grid-area:3/2/5/3}.demos .bloque-encabezado{grid-area:2/2}.demos .indice{grid-area:3/2}.demos__panel{grid-area:3/1/5/2}}.indice{flex:0 auto;width:100%;min-height:0}.indice__item{min-height:0;height:var(--alto-fila);border-top:1px solid var(--regla);flex-direction:column;display:flex}.indice__item:last-child{border-bottom:1px solid var(--regla)}.fila{width:100%;text-align:inherit;flex-direction:column;flex:auto;justify-content:center;display:flex}.fila__dominio{font-size:var(--fs-mono-menudo);letter-spacing:.14em;color:var(--atenuado);margin-bottom:4px;display:block}.fila__nombre{font-size:var(--fs-row);letter-spacing:-.03em;font-weight:600;line-height:1.05;display:block}@media (max-width:768px){.indice{display:none}}.con-indice{--fila:0}.con-indice:has([data-fila="1"]:hover){--fila:1}.con-indice:has([data-fila="2"]:hover){--fila:2}.con-indice:has([data-fila="3"]:hover){--fila:3}.con-indice:has([data-fila="4"]:hover){--fila:4}.con-indice:not(:has([data-fila]:hover)):has([data-fila="1"]:focus-visible){--fila:1}.con-indice:not(:has([data-fila]:hover)):has([data-fila="2"]:focus-visible){--fila:2}.con-indice:not(:has([data-fila]:hover)):has([data-fila="3"]:focus-visible){--fila:3}.con-indice:not(:has([data-fila]:hover)):has([data-fila="4"]:focus-visible){--fila:4}.con-indice[data-activa="1"]{--fila:1}.con-indice[data-activa="2"]{--fila:2}.con-indice[data-activa="3"]{--fila:3}.con-indice[data-activa="4"]{--fila:4}.preview,.pila__lienzo{border-radius:var(--radio-marco);overflow:hidden}.trabajos__panel,.demos__panel{width:100%;display:none;position:relative}.preview{--indice:0;--activa:calc(1 - min(1, max(var(--fila) - var(--indice), var(--indice) - var(--fila))));aspect-ratio:16/9;opacity:var(--activa);z-index:var(--activa);transition:opacity .22s var(--ease);display:block;position:absolute;top:0;left:0;right:0}.preview[data-preview="1"]{--indice:1}.preview[data-preview="2"]{--indice:2}.preview[data-preview="3"]{--indice:3}.preview[data-preview="4"]{--indice:4}.preview__lamina,.preview__lamina img{object-fit:cover;width:100%;height:100%}@media (min-width:769px){.trabajos__panel,.demos__panel{display:block}.pila{display:none}}@media (min-width:769px) and (max-width:1023px){.trabajos__panel,.demos__panel{aspect-ratio:16/9;width:min(100%,560px)}}@media (min-width:1024px){.trabajos__panel,.demos__panel{transform:translateY(min(calc(var(--fila) * var(--alto-fila) + (var(--alto-fila) - var(--alto-panel)) / 2), calc(100% - var(--alto-panel))));transition:transform .36s var(--ease)}}@media (min-width:769px){.pila{width:100%;max-width:min(72vw,640px);margin-inline:auto}}.pila__marco{touch-action:pan-y pinch-zoom;padding-top:54px;display:grid}.pila__tarjeta{background:var(--fondo-pila,var(--papel));transition:transform .38s var(--ease), opacity .38s var(--ease);grid-area:1/1;display:block}.trabajos .pila__tarjeta{--fondo-pila:var(--oscuro)}.pila__tarjeta[data-profundidad="0"]{opacity:1;z-index:4;transform:translateY(0)scale(1)}.pila__tarjeta[data-profundidad="1"]{opacity:.84;z-index:3;transform:translateY(-18px)scale(.93)}.pila__tarjeta[data-profundidad="2"]{opacity:.68;z-index:2;transform:translateY(-36px)scale(.86)}.pila__tarjeta[data-profundidad="3"]{opacity:.52;z-index:1;transform:translateY(-54px)scale(.79)}.pila__lienzo{aspect-ratio:16/9;width:100%;position:relative}.pila__lamina{position:absolute;inset:0}.pila__lamina img{object-fit:cover;width:100%;height:100%}.pila__nombre{margin-top:var(--e-1);font-size:var(--fs-row);letter-spacing:-.03em;text-align:center;font-weight:600;line-height:1.05}.pila__tarjeta[data-sale]{z-index:5}.pila__tarjeta[data-sale=izquierda]{animation:tarjeta-sale-izquierda .38s var(--ease) forwards}.pila__tarjeta[data-sale=derecha]{animation:tarjeta-sale-derecha .38s var(--ease) forwards}@keyframes tarjeta-sale-izquierda{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-110%)}}@keyframes tarjeta-sale-derecha{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}.pila__indicacion{margin-top:var(--e-3);font-size:var(--fs-mono-menudo);letter-spacing:.14em;text-align:center;opacity:.55;transition:opacity .3s var(--ease)}.pila__indicacion[data-usado]{opacity:0}.pila__flecha{animation:2.4s ease-in-out infinite flecha-izquierda;display:inline-block}@keyframes flecha-izquierda{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.pila__progreso{margin-top:var(--e-3);background:color-mix(in srgb, currentColor 20%, transparent);height:2px}.pila__progreso-relleno{transform-origin:0;background:currentColor;height:100%;animation:5.5s linear forwards pila-progreso;transform:scaleX(0)}.pila__progreso-relleno[data-pausado]{animation-play-state:paused}@keyframes pila-progreso{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:768px){.trabajos__cuerpo,.demos__cuerpo{gap:48px}.columna-indice>.bloque-encabezado{margin-bottom:0}}.contacto{height:100%;position:relative;overflow:hidden}.contacto__textura{--textura-lado:min(90vw, 900px);right:calc(var(--textura-lado) * -.22);bottom:calc(var(--textura-lado) * -.19);width:var(--textura-lado);height:var(--textura-lado);color:var(--papel);opacity:.04;pointer-events:none;position:absolute}@media (max-width:768px){.contacto__textura{--textura-lado:min(70vw, 320px);right:calc(var(--textura-lado) * -.26);bottom:calc(var(--textura-lado) * -.16)}}.contacto__interior{height:100%;min-height:0;padding-block:var(--pad-y);flex-direction:column;display:flex;position:relative}.contacto__principal{flex-direction:column;flex:auto;justify-content:center;min-height:0;display:flex}.contacto__linea{margin-top:var(--e-2);color:var(--atenuado)}.formulario{flex-direction:column;gap:32px;width:100%;max-width:560px;min-height:0;display:flex}.campo{padding-top:18px;position:relative}.campo__label{color:var(--atenuado);transition:transform .2s var(--ease), font-size .2s var(--ease);pointer-events:none;font-size:.625rem;position:absolute;top:0;left:0;transform:translateY(0)}.campo:has(.campo__input:placeholder-shown:not(:focus)) .campo__label{font-size:var(--fs-mono);transform:translateY(29px)}.campo__input{width:100%;padding-top:var(--e-1);padding-bottom:calc(var(--e-1) + 1px);border:0;border-bottom:1px solid var(--regla-papel);transition:border-bottom-color .2s var(--ease);background:0 0;display:block}.campo__input:focus,.campo__input[aria-invalid=true]{padding-bottom:var(--e-1);border-bottom-width:2px;border-bottom-color:var(--papel)}.campo__input--textarea{resize:vertical;height:var(--alto-textarea)}.formulario__estado{color:var(--atenuado)}.acciones{flex-wrap:nowrap;justify-content:center;align-items:stretch;display:flex}.boton{justify-content:center;align-items:center;gap:var(--e-1);padding:var(--e-2) var(--e-3);background:var(--papel);color:var(--tinta);white-space:nowrap;font-weight:700;display:inline-flex}.boton:disabled{opacity:.5}.boton__glifo{flex:none;width:18px;height:18px}.acciones__o{color:var(--papel-60);text-transform:none;align-items:center;padding-inline:12px;display:flex}@media (max-width:768px){.boton{padding-inline:var(--e-2)}}@media (hover:hover) and (pointer:fine){.acciones{align-self:flex-start}.acciones__o,.boton--wa{display:none}}.pie{padding-top:var(--e-3);text-align:center;flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.pie__marca{letter-spacing:-.01em;font-weight:600}.pie__linea,.pie__menudo{color:var(--atenuado)}.pie__menudo{font-size:.625rem}.pie__email{text-transform:none}.cursor{--pildora-ancho:calc(19ch + 19 * .12em + 40px);--pildora-alto:32px;z-index:100;background:var(--tinta);width:12px;height:12px;color:var(--papel);font-size:var(--fs-mono-menudo);white-space:nowrap;pointer-events:none;transition:width .24s var(--ease), height .24s var(--ease), margin .24s var(--ease), border-radius .24s var(--ease), background-color .24s var(--ease), color .24s var(--ease);border-radius:50%;justify-content:center;align-items:center;margin:-6px 0 0 -6px;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-9999px,-9999px)}.cursor[data-fondo=oscuro]{background:var(--papel)}.cursor__texto{opacity:0;transition:opacity .24s var(--ease)}.cursor--pildora,.cursor:focus-visible{width:var(--pildora-ancho);height:var(--pildora-alto);margin-top:calc(var(--pildora-alto) / -2);margin-left:calc(var(--pildora-ancho) / -2);background:var(--papel);color:var(--tinta);pointer-events:auto;border-radius:999px}.cursor--pildora .cursor__texto,.cursor:focus-visible .cursor__texto{opacity:1}@media (max-width:1023px){.home__interior{text-align:center}.home__interior .descripcion{margin-inline:auto}}@media (max-width:768px){.trabajos__interior,.demos__interior{text-align:center}.trabajos__interior .descripcion,.demos__interior .descripcion{margin-inline:auto}}@media (prefers-reduced-motion:reduce){.pista{transition:none}.pantalla__contenido,.pantalla[data-anticipa] .pantalla__contenido{transition:none;transform:none}.home__linea>span{opacity:1;animation:none;transform:none}.pantallas,.marca-hero,.marca-hero>.logo3d{animation:none}.marca-hero[data-canvas]>.isotipo-pila{opacity:0;visibility:hidden;animation:none}[data-reveal]{opacity:1;transition:none;transform:none}.preview,.trabajos__panel,.demos__panel{transition:none}.moire__coarse,.puntos__banda{animation:none}.puntos__barrido,.puntos__foco{display:none}.chevron{opacity:.625;animation:none}.pila__flecha{animation:none}.pila__lamina,.pila__tarjeta,.pila__indicacion,.indicacion,.indicador,.cursor,.cursor__texto,.campo__label,.campo__input{transition:none}}