@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");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}:root{--tinta:#050b09;--bosque:#0e1f1a;--menta:#5cf2a9;--niebla:#e3f3eb;--musgo:#8fb3a4;--linea:#5cf2a957;--ancho:76rem;--margen:clamp(1.25rem, 5vw, 4rem);--aire:clamp(3.5rem, 7vw, 6rem);--borde:2px;--sombra:8px;--fuente:"Archivo Variable", "Archivo", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem}body{background:var(--tinta);color:var(--niebla);font-family:var(--fuente);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:hidden}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}:focus-visible{outline:3px solid var(--menta);outline-offset:3px}::selection{background:var(--menta);color:var(--tinta)}.riel{display:none}@media (hover:hover) and (pointer:fine){html.con-riel{scrollbar-width:none}html.con-riel::-webkit-scrollbar{display:none}.riel{--p:0;z-index:15;cursor:grab;touch-action:none;width:1.75rem;display:block;position:fixed;top:6rem;bottom:2rem;right:.5rem}.riel--arrastre{cursor:grabbing}.riel__linea,.riel__avance{width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.riel__linea{background:var(--linea)}.riel__avance{background:var(--menta);transform:scaleY(var(--p));transform-origin:top}.riel__marca{border:2px solid var(--linea);background:var(--tinta);cursor:pointer;border-radius:50%;width:.625rem;height:.625rem;padding:0;transition:background .25s,border-color .25s,transform .25s;position:absolute;left:50%;transform:translate(-50%,-50%)}.riel__marca--pasada{border-color:var(--menta);background:var(--menta)}.riel__marca:hover{border-color:var(--niebla);transform:translate(-50%,-50%)scale(1.5)}.riel__nodo{top:calc(var(--p) * 100%);border:3px solid var(--menta);background:var(--tinta);pointer-events:none;border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .2s;position:absolute;left:50%;transform:translate(-50%,-50%)}.riel--activo .riel__nodo,.riel:hover .riel__nodo{background:var(--menta);transform:translate(-50%,-50%)scale(1.3)}.riel__nodo:after{content:"";border:2px solid var(--menta);opacity:0;border-radius:50%;position:absolute;inset:-3px}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.riel__nodo:after{animation:2.2s ease-out infinite pulso}}@keyframes pulso{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.skip{z-index:30;background:var(--menta);color:var(--tinta);padding:.6rem 1rem;font-weight:700;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.oculto{position:absolute;left:-9999px}#red{z-index:0;pointer-events:none;width:100%;height:100lvh;display:block;position:fixed;inset:0}.barra,main,.pie{z-index:1;position:relative}.vidrio{border:var(--borde) solid var(--linea);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);box-shadow:var(--sombra) var(--sombra) 0 #5cf2a9e6;background:linear-gradient(135deg,#e3f3eb17,#0e1f1a80)}.vidrio--barra{border-left:12px solid var(--menta)}.titulo,.portada__titulo,.marca__nombre{text-transform:uppercase;letter-spacing:-.015em;font-weight:900;font-stretch:125%;line-height:.96}.titulo{color:var(--menta);margin-bottom:clamp(1.5rem,3vw,2.25rem);font-size:clamp(1.9rem,4.4vw,3.2rem)}.bajada{max-width:40rem;margin:calc(-1*clamp(.75rem,2vw,1.5rem)) 0 clamp(2rem,4vw,3rem);font-size:clamp(1.1rem,1.8vw,1.3rem)}.titulo--grande{margin-bottom:1.5rem;font-size:clamp(2.2rem,6.4vw,5rem)}h3{font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:800;font-stretch:112%;line-height:1.15}.barra{z-index:20;padding:.85rem var(--margen);border-bottom:var(--borde) solid var(--linea);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050b099e;align-items:center;gap:1.5rem;display:flex;position:sticky;top:0}.marca{color:var(--menta);align-items:center;gap:.65rem;text-decoration:none;display:flex}.marca__icono{width:2rem;height:2rem}.marca__nombre{color:var(--menta);font-size:1.15rem}.barra__nav{gap:1.75rem;margin-left:auto;font-weight:600;display:flex}.barra__nav a{border-bottom:var(--borde) solid transparent;padding:.25rem 0;text-decoration:none}.barra__nav a:hover{border-bottom-color:var(--menta)}.boton{background:var(--menta);color:var(--tinta);border:var(--borde) solid var(--menta);font:inherit;cursor:pointer;box-shadow:6px 6px 0 var(--niebla);padding:.95rem 1.5rem;font-weight:800;font-stretch:112%;line-height:1.1;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.boton:hover{box-shadow:3px 3px 0 var(--niebla);transform:translate(3px,3px)}.boton:active{box-shadow:0 0 0 var(--niebla);transform:translate(6px,6px)}.boton--linea{color:var(--menta);box-shadow:6px 6px 0 var(--menta);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050b098c}.boton--linea:hover{box-shadow:3px 3px 0 var(--menta)}.boton--linea:active{box-shadow:0 0 0 var(--menta)}.boton--chico{box-shadow:4px 4px 0 var(--niebla);padding:.6rem 1rem}.boton[disabled]{opacity:.6;cursor:progress}.portada{min-height:calc(100svh - 4rem);padding:clamp(1.5rem, min(8vw, 5vh), 6rem) var(--margen);max-width:calc(var(--ancho) + var(--margen) * 2);align-content:center;gap:clamp(1.5rem,min(5vw,5vh),3.5rem);margin-inline:auto;display:grid}.portada__titulo{max-width:11em;font-size:clamp(2.3rem,min(8.2vw,12.4vh),7.25rem)}.linea{padding-bottom:.06em;display:block;overflow:hidden}.linea>span{display:block}.portada__pie{gap:2rem;max-width:36rem;display:grid}.portada__bajada{padding:1.25rem 1.5rem;font-size:clamp(1.05rem,1.6vw,1.2rem)}.portada__acciones{flex-wrap:wrap;gap:1.25rem;display:flex}.linea{width:fit-content;position:relative}.linea>span{animation:mostrar 10ms linear calc(var(--i,0) * .18s + .5s) both}.linea:after{content:"";background:var(--menta);animation:barrer 1s cubic-bezier(.7, 0, .2, 1) calc(var(--i,0) * .18s) both;position:absolute;inset:0;transform:scaleX(0)}.portada__pie{animation:.8s 1.2s both aparecer}.linea:nth-child(2){--i:1}.linea:nth-child(3){--i:2}@keyframes barrer{0%{transform-origin:0;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}50.01%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes mostrar{0%{opacity:0}}@keyframes aparecer{0%{opacity:0}}.bloque{max-width:calc(var(--ancho) + var(--margen) * 2);padding:var(--aire) var(--margen);scroll-margin-top:calc(1.5rem - var(--aire));margin-inline:auto}.servicios{border-top:var(--borde) solid var(--menta)}.servicio{border-bottom:var(--borde) solid var(--linea);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b0973;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:baseline;gap:1rem 3rem;padding:clamp(1.5rem,3vw,2.25rem) clamp(.75rem,2vw,1.5rem);transition:background .15s,color .15s;display:grid}.servicio h3{text-transform:uppercase;font-size:clamp(1.35rem,3vw,2.25rem);font-weight:900;font-stretch:125%;line-height:1}.servicio p{color:var(--musgo);max-width:34rem;transition:color .15s}@media (hover:hover){.servicio:hover{background:var(--menta);color:var(--tinta)}.servicio:hover p{color:var(--tinta)}}.proyectos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(1.5rem,3vw,2.5rem);display:grid}.proyecto{scroll-margin-top:5.5rem}.proyecto__vista{border-bottom:var(--borde) solid var(--linea);background:var(--tinta);cursor:pointer;overflow:hidden}.proyecto__vista img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.proyecto__resumen{justify-items:start;gap:.6rem;padding:clamp(1.25rem,2.5vw,2rem);display:grid}.proyecto__resumen h3{text-transform:uppercase;font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:900;font-stretch:125%;line-height:1}.proyecto__boton{margin-top:.75rem}.proyecto--abierto{grid-column:1/-1}.proyecto--abierto .proyecto__cabecera{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;display:grid}.proyecto--abierto .proyecto__vista{border-bottom:0;border-right:var(--borde) solid var(--linea)}.proyecto__detalle{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1);display:grid}.proyecto--abierto .proyecto__detalle{border-top:var(--borde) solid var(--linea);grid-template-rows:1fr}.proyecto__contenido{min-height:0;padding:0 clamp(1.25rem,2.5vw,2rem);overflow:hidden}.proyecto--abierto .proyecto__contenido{padding-block:clamp(1.5rem,3vw,2.5rem)}.proyecto__historia{max-width:44rem;font-size:clamp(1.1rem,1.8vw,1.3rem)}.proyecto__subtitulo{color:var(--menta);margin:clamp(2rem,4vw,3rem) 0 1rem;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:800;font-stretch:112%}.sistema{--hueco:clamp(1.25rem, 2.5vw, 2rem);--tallo:3rem;--n:3;grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--hueco);padding-top:var(--tallo);margin-top:clamp(2rem,4vw,3rem);display:grid;position:relative}.sistema:before{content:"";top:0;left:calc((100% - (var(--n) - 1) * var(--hueco)) / (2 * var(--n)));right:calc((100% - (var(--n) - 1) * var(--hueco)) / (2 * var(--n)));height:var(--borde);background:var(--menta);position:absolute}.sistema--cuatro{--n:4}@media (width>=861px) and (width<=1180px){.sistema--cuatro{--n:2;row-gap:calc(var(--tallo) + var(--hueco))}.sistema--cuatro .parte:nth-child(n+3):after{display:none}.sistema--cuatro .parte:nth-child(n+3):before{top:calc(-1 * var(--tallo) - var(--hueco));height:calc(var(--tallo) + var(--hueco))}}.parte{border:var(--borde) solid var(--linea);background:#050b0980;align-content:start;gap:.5rem;padding:clamp(1.25rem,2.2vw,1.75rem);display:grid;position:relative}.parte:before{content:"";top:calc(-1 * var(--tallo) - var(--borde));left:calc(50% - var(--borde) / 2);width:var(--borde);height:var(--tallo);background:var(--menta);position:absolute}.parte:after{content:"";top:calc(-1 * var(--tallo) - var(--borde) - .5rem);border:3px solid var(--menta);background:var(--tinta);border-radius:50%;width:1rem;height:1rem;position:absolute;left:calc(50% - .5rem)}.parte__para{color:var(--menta);font-weight:700}.lista{gap:.6rem;margin-top:.6rem;font-size:1rem;line-height:1.5;display:grid}.lista li{padding-left:1.25rem;position:relative}.lista li:before{content:"";background:var(--menta);width:.5rem;height:.5rem;position:absolute;top:.55em;left:0}.metodo{border-top:var(--borde) solid var(--menta);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.metodo>div{border-bottom:var(--borde) solid var(--linea);padding:1.25rem clamp(.75rem,2vw,1.5rem) 1.25rem 0}.metodo>div:last-child:nth-child(odd){border-bottom:0;grid-column:1/-1}.metodo dt{font-weight:800;font-stretch:112%}.metodo dd{color:var(--musgo);max-width:32rem;margin:.3rem 0 0}.dupla{grid-template-columns:minmax(0,1fr) clamp(3rem,8vw,7rem) minmax(0,1fr);align-items:center;display:grid}.dupla__nodo{gap:.9rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.dupla__nodo:last-child{margin-top:clamp(2rem,8vw,7rem)}.dupla__nodo p{color:var(--niebla)}.dupla__enlace{height:var(--borde);background:var(--menta);margin-left:var(--sombra);position:relative;transform:rotate(12deg)scaleX(1.12)}.dupla__enlace:before,.dupla__enlace:after{content:"";border:3px solid var(--menta);background:var(--tinta);border-radius:50%;width:1rem;height:1rem;position:absolute;top:50%;transform:translateY(-50%)}.dupla__enlace:before{left:-.25rem}.dupla__enlace:after{right:-.25rem}.pasos{counter-reset:paso;border-top:var(--borde) solid var(--menta);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b0973;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.paso{counter-increment:paso;align-content:start;gap:.75rem;padding:2.25rem 1.5rem 2rem 0;display:grid;position:relative}.paso:before{content:counter(paso);color:#0000;-webkit-text-stroke:2px var(--menta);font-size:clamp(3.5rem,7vw,6rem);font-weight:900;font-stretch:125%;line-height:.9}.paso:after{content:"";border:3px solid var(--menta);background:var(--tinta);border-radius:50%;width:1rem;height:1rem;position:absolute;top:calc(-.5rem - 1px);left:0}.paso p{color:var(--musgo)}.preguntas{border-top:var(--borde) solid var(--menta);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050b0973}.pregunta{border-bottom:var(--borde) solid var(--linea)}.pregunta summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem clamp(.75rem,2vw,1.5rem);list-style:none;display:flex}.pregunta summary::-webkit-details-marker{display:none}.pregunta summary:after{content:"+";color:var(--menta);flex:none;font-size:1.75rem;font-weight:900;font-stretch:125%;line-height:1}.pregunta[open] summary:after{content:"−"}.pregunta summary:hover h3{color:var(--menta)}.pregunta p{max-width:44rem;color:var(--musgo);padding:0 clamp(.75rem,2vw,1.5rem) 1.5rem}.bloque--contacto{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.contacto__texto p{max-width:30rem;font-size:1.15rem}.formulario{gap:.85rem;padding:clamp(1.25rem,2.5vw,1.75rem);display:grid}.campo{gap:.4rem;font-weight:700;display:grid}.campo input,.campo textarea{width:100%;color:var(--niebla);border:var(--borde) solid var(--linea);font:inherit;resize:vertical;background:#050b09b3;border-radius:0;padding:.8rem .9rem;font-weight:400}.campo input:focus-visible,.campo textarea:focus-visible{border-color:var(--menta);box-shadow:4px 4px 0 var(--menta);outline:none}.formulario .boton{justify-self:start}.formulario__estado{min-height:1.6em;font-weight:700}.formulario__estado[data-tipo=ok]{color:var(--menta)}.formulario__estado[data-tipo=error]{color:#ffb4a8}.pie{padding:2rem var(--margen);border-top:var(--borde) solid var(--linea);color:var(--musgo);background:#050b09cc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;font-size:.95rem;display:flex}@media (width<=860px){:root{--sombra:6px}.barra__nav{display:none}.barra .boton--chico{margin-left:auto}.portada{align-content:start;gap:1.5rem;padding-top:clamp(5.5rem,17svh,8.5rem);padding-bottom:3rem}.portada__titulo{font-size:clamp(1.9rem,9.3vw,3.4rem)}.portada__pie{gap:1.5rem}.portada__bajada{padding:1rem 1.1rem;font-size:1rem;line-height:1.5}.servicio,.proyectos,.proyecto--abierto .proyecto__cabecera{grid-template-columns:1fr}.proyecto--abierto .proyecto__vista{border-right:0;border-bottom:var(--borde) solid var(--linea)}.sistema{--tallo:2.5rem;gap:var(--tallo);grid-template-columns:1fr;padding-top:0}.sistema:before,.parte:first-child:before,.parte:first-child:after{display:none}.parte:before{left:2.5rem}.parte:after{display:none}.metodo,.dupla{grid-template-columns:1fr}.dupla__nodo:last-child{margin-top:0}.dupla__enlace{width:var(--borde);height:4rem;margin:var(--sombra) 0 0 2.5rem;transform:none}.dupla__enlace:before,.dupla__enlace:after{left:50%;right:auto;transform:translate(-50%,-50%)}.dupla__enlace:before{top:0}.dupla__enlace:after{top:100%}.pasos{border-top:0;border-left:var(--borde) solid var(--menta);grid-template-columns:1fr}.paso{padding:0 1rem 2.5rem 1.75rem}.paso:after{top:.5rem;left:calc(-.5rem - 1px)}.bloque--contacto{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boton,.servicio,.servicio p,.proyecto__detalle{transition:none}}@media (width>=861px){.servicios{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.servicio{grid-template-columns:1fr;align-content:start;gap:.5rem;padding:1.1rem 1.5rem}.servicio:nth-child(odd){border-right:var(--borde) solid var(--linea)}.servicio h3{font-size:clamp(1.2rem,1.9vw,1.6rem)}.proyecto:not(.proyecto--abierto) .proyecto__cabecera{position:relative}.proyecto:not(.proyecto--abierto) .proyecto__vista{border-bottom:0}.proyecto:not(.proyecto--abierto) .proyecto__resumen{border-top:var(--borde) solid var(--linea);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#050b09cc;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem 1.25rem;padding:1rem 1.5rem 1.1rem 1.25rem;position:absolute;inset:auto 0 0}.proyecto:not(.proyecto--abierto) .proyecto__resumen h3{font-size:clamp(1.4rem,2.3vw,2rem)}.proyecto:not(.proyecto--abierto) .proyecto__resumen>p:not(.parte__para){display:none}.proyecto:not(.proyecto--abierto) .proyecto__resumen>*{grid-column:1}.proyecto:not(.proyecto--abierto) .proyecto__boton{grid-area:1/2/span 2;margin-top:0}}
