@font-face{font-family:Mona Sans;font-weight:200 900;font-stretch:75% 125%;font-display:swap;src:url(/fonts/MonaSans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mona Sans;font-weight:200 900;font-stretch:75% 125%;font-display:swap;src:url(/fonts/MonaSans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Mono;font-weight:300 700;font-display:swap;src:url(/fonts/RedHatMono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--negro:#0a0a0a;--superficie:#141414;--borde:#2a2a2a;--gris:#717171;--gris-claro:#b3b3b3;--hueso:#ededed;--blanco:#fff;--ancho:1120px;--gutter:clamp(16px, 5vw, 48px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--negro);color:var(--blanco);-webkit-font-smoothing:antialiased;font-family:Mona Sans,system-ui,sans-serif;font-size:17px;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:inherit}.negro{background:var(--negro);color:var(--blanco);--tenue:#8a8a8a;--linea:#ffffff24;--boton:var(--blanco);--boton-texto:var(--negro)}.hueso{background:var(--hueso);color:var(--negro);--tenue:var(--gris);--linea:#0a0a0a24;--boton:var(--negro);--boton-texto:var(--blanco)}.contenedor{width:100%;max-width:calc(var(--ancho) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.seccion{padding:clamp(72px,12vw,128px) 0}.mono{letter-spacing:.02em;color:var(--tenue);font-family:Red Hat Mono,ui-monospace,monospace;font-size:14px}.titulo{letter-spacing:-.025em;text-wrap:balance;font-weight:600;font-stretch:125%;line-height:1.02}.titulo-xl{font-size:clamp(2.6rem,8.5vw,5.6rem)}.titulo-l{font-size:clamp(2rem,5.5vw,3.4rem)}.titulo-m{font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.12}.texto{color:var(--tenue);text-wrap:pretty;max-width:38rem;font-size:clamp(1rem,2vw,1.15rem)}.cabecera{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff14;position:sticky;top:0;background:#0a0a0adb!important}.cabecera .contenedor{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.marca{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:600;font-stretch:125%;text-decoration:none;display:flex}.marca svg{fill:currentColor;width:auto;height:26px}.menu{align-items:center;gap:24px;font-size:15px;display:flex}.menu a{color:var(--gris-claro);text-decoration:none}.menu a:hover{color:var(--blanco)}@media (max-width:720px){.menu .opcional{display:none}}.boton{background:var(--boton);color:var(--boton-texto);border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.boton:hover{transform:translateY(-1px)}.boton-chico{padding:9px 16px;font-size:14px}.boton-linea{color:inherit;border:1px solid var(--linea);background:0 0}.acciones{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.portada{padding-top:clamp(56px,10vw,112px);overflow:hidden}.portada .texto{margin-top:24px}.portada-captura{margin-top:clamp(48px,8vw,88px)}.navegador{background:var(--superficie);border:1px solid var(--borde);border-radius:16px;padding:36px 8px 8px;position:relative;box-shadow:0 40px 80px #00000059}.navegador:before{content:"";background:#3a3a3a;border-radius:50%;width:9px;height:9px;position:absolute;top:14px;left:18px;box-shadow:16px 0 #3a3a3a,32px 0 #3a3a3a}.navegador img{border-radius:10px}.celular{border:1px solid var(--linea);background:#000;border-radius:40px;width:min(100%,280px);padding:8px;box-shadow:0 30px 60px #00000038}.celular img{aspect-ratio:1170/2532;object-fit:cover;object-position:top;border-radius:32px;width:100%}.tres{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:48px;display:grid}.tarjeta{border:1px solid var(--linea);border-radius:20px;align-content:start;gap:12px;padding:28px;display:grid}.tarjeta .texto{font-size:16px}.trabajo{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}.trabajo ul{gap:10px;margin-top:24px;list-style:none;display:grid}.trabajo li{color:var(--tenue);grid-template-columns:20px 1fr;display:grid}.trabajo li:before{content:"→";color:inherit;font-family:Red Hat Mono,monospace}.capturas{justify-content:center;gap:16px;display:flex}.capturas .celular:nth-child(2){margin-top:48px}@media (min-width:860px){.trabajo{grid-template-columns:1.05fr 1fr;gap:64px}.trabajo.invertido>:first-child{order:2}}@media (max-width:520px){.capturas .celular{border-radius:26px;width:calc(50% - 8px);padding:5px}.capturas .celular img{border-radius:22px}}.pasos{gap:0;margin-top:48px;list-style:none;display:grid}.paso{border-top:1px solid var(--linea);grid-template-columns:64px 1fr;gap:8px 16px;padding:24px 0;display:grid}.paso:last-child{border-bottom:1px solid var(--linea)}.paso .texto{grid-column:2;font-size:16px}@media (min-width:860px){.paso{grid-template-columns:96px 280px 1fr;align-items:baseline}.paso .texto{grid-column:3}}.lista-blog{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:40px;display:grid}.entrada{border:1px solid var(--linea);border-radius:20px;align-content:start;gap:12px;padding:28px;text-decoration:none;transition:border-color .15s;display:grid}.entrada:hover{border-color:currentColor}.articulo{max-width:44rem}.articulo .titulo{margin-top:16px}.prosa{gap:20px;margin-top:40px;font-size:18px;line-height:1.7;display:grid}.prosa h2{letter-spacing:-.02em;margin-top:24px;font-size:1.5rem;font-weight:600;font-stretch:125%;line-height:1.2}.prosa ul,.prosa ol{gap:8px;padding-left:1.2em;display:grid}.prosa strong{font-weight:600}.prosa blockquote{color:var(--tenue);border-left:2px solid;padding-left:20px}.legal .prosa{font-size:16px}.cierre{text-align:left}.pie{color:var(--gris-claro);border-top:1px solid #ffffff14;padding:48px 0;font-size:14px}.pie .contenedor{gap:24px;display:grid}.pie nav{flex-wrap:wrap;gap:8px 24px;display:flex}.pie a{text-decoration:none}.pie a:hover{color:var(--blanco)}@media (min-width:860px){.pie .contenedor{grid-template-columns:1fr auto;align-items:end}}