.landing{--carbon:#2a2e37;--carbon-2:#4a4f5a;--gris:#6b6f78;--asfalto:#3a4150;--llanta:#15171c;--hueso:#f7f3ec;--papel:#f4f0e9;--banqueta:#ede9e1;--arena-clara:#e2dcd1;--arena:#dcd5c8;--arena-2:#c9c1b3;--blanco:#ffffff;--ontoy:#f6a15b;--ontoy-sombra:#c8702a;--ontoy-rubor:#e36f8c;--ontoy-lagrima:#7fb8f0;--ontoy-estrella:#f2c14e;--noche:#1e2b4d;--noche-2:#26365e;--noche-3:#324673;--pasajero:var(--noche);--maiz:#f2c14e;--nopal:#5fb36b;--rosa:#e36f8c;--agua:#2fa6a0;--madera:#8a6a52;--pasto:#d3e4c9;--lagrima:#7fb8f0;--ruta:#4f7fd8;--sobre-ruta:var(--blanco);--lienzo:var(--banqueta);--superficie:var(--hueso);--superficie-2:var(--papel);--borde:var(--arena);--borde-fuerte:var(--arena-2);--texto:var(--carbon);--texto-2:var(--carbon-2);--texto-3:var(--gris);--texto-en-oscuro:var(--hueso);--placa-fondo:var(--carbon);--placa-texto:var(--blanco);--calle:var(--carbon);--calle-linea:var(--hueso);--ojo:var(--blanco);--pupila:var(--carbon);--titular:var(--fuente-titular),"Bricolage Grotesque",sans-serif;--cuerpo:var(--fuente-texto),"Instrument Sans",sans-serif;--r-placa:7px;--r-tienda:12px;--r-tarjeta:24px;--r-telefono:44px;--r-pastilla:999px;--curva:cubic-bezier(0.2,0,0,1);background:var(--lienzo);color:var(--texto);font-family:var(--cuerpo);-webkit-font-smoothing:antialiased;min-height:100dvh}body:has(.landing){background:#ede9e1}.landing-caja{width:100%;max-width:1280px;margin:0 auto;padding-inline:24px;box-sizing:border-box}.landing h1,.landing h2,.landing h3{font-family:var(--titular);font-weight:800;letter-spacing:-.035em;text-wrap:balance;margin:0}.landing h1{font-size:clamp(40px,5.4vw,76px);line-height:.95}.landing h2{font-size:clamp(34px,5vw,60px);line-height:.98}.landing p{margin:0}.landing-wordmark{font-family:var(--titular);font-weight:800;letter-spacing:-.04em;white-space:nowrap}.landing-cabecera{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--lienzo);border-bottom:1px solid var(--borde)}.landing-cabecera>div{display:flex;align-items:center;gap:16px;min-height:64px}.landing-cabecera nav{display:flex;align-items:center;gap:24px;-webkit-margin-start:auto;margin-inline-start:auto}.landing-cabecera nav a:not(.landing-boton){color:var(--texto-2);text-decoration:none;font:600 14px/1 var(--cuerpo)}.landing-cabecera nav a:not(.landing-boton):hover{color:var(--texto)}@media (max-width:720px){.landing-cabecera nav a:not(.landing-boton){display:none}}.landing-boton{display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:var(--r-pastilla);padding:14px 22px;font:700 16px/1 var(--cuerpo);text-decoration:none;cursor:pointer;transition:background .18s var(--curva),color .18s var(--curva)}.landing-boton-principal{background:var(--carbon);color:var(--hueso)}.landing-boton-principal:hover{background:var(--carbon-2)}.landing-boton-chico{padding:9px 16px;font-size:14px}.landing-boton-fantasma{background:transparent;color:var(--texto);border-color:var(--borde-fuerte)}.landing-boton-fantasma:hover{background:var(--superficie)}.landing :focus-visible{outline:2px solid var(--carbon);outline-offset:3px;border-radius:4px}.landing-hero{display:flex;flex-direction:column;gap:clamp(20px,3vw,36px);padding-block:clamp(20px,4vw,52px) 48px}.landing-etiqueta{display:inline-flex;align-items:center;gap:8px;background:var(--carbon);color:var(--texto-en-oscuro);border-radius:var(--r-pastilla);padding:6px 14px 6px 6px;font:700 13px/1 var(--cuerpo);align-self:flex-start}.landing-etiqueta span{width:24px;height:24px;border-radius:7px;background:var(--banqueta);display:grid;place-items:center}.landing-etiqueta span svg{width:84%;height:84%}.landing-hero-marca{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 20px}.landing-wordmark-gigante{display:flex;align-items:baseline;flex:0 1 auto;font-family:var(--titular);font-weight:800;font-size:clamp(84px,17.5vw,250px);line-height:.9;letter-spacing:-.045em;color:var(--carbon);-webkit-user-select:none;-moz-user-select:none;user-select:none}.landing-hero-ontoy{flex:0 1 300px;min-width:170px;aspect-ratio:1/1.15;margin-bottom:-6px;position:relative}@media (max-width:560px){.landing-hero-ontoy{flex-basis:min(300px,calc(24dvh / 1.15));max-height:24dvh;min-width:120px;margin-inline:auto}.landing-hero{padding-block:12px 36px;gap:14px}.landing-hero-dicho{padding-top:18px;gap:18px 48px}.landing-hero-dicho>div{gap:12px}}.landing-hero-ontoy svg{width:100%;height:100%;display:block}.landing-ontoy-3d{display:grid;position:absolute;inset:0;grid-template:100%/100%}.landing-ontoy-3d>*{grid-area:1/1;min-width:0}.landing-ontoy-2d{display:grid;place-items:end center}.landing-ontoy-lienzo{width:100%;height:100%}.landing-ontoy-lienzo canvas{display:block;cursor:pointer}.landing-hero-dicho{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));grid-gap:24px 48px;gap:24px 48px;align-items:end;border-top:2px solid var(--carbon);padding-top:24px}.landing-hero-dicho>div{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.landing-hero-columna{gap:20px!important;align-items:stretch!important}.landing-lead{font-family:var(--cuerpo);font-weight:400;font-size:clamp(18px,1.8vw,21px);line-height:1.5;color:var(--texto-2);max-width:56ch;text-wrap:pretty}.landing-lead strong{font-weight:600;color:var(--texto)}.landing-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.landing-tiendas{font:600 13px/1.3 var(--cuerpo);color:var(--texto-2)}.landing-calle{position:relative;width:100%;aspect-ratio:1200/150;min-height:150px;overflow:hidden;background:var(--calle);border-bottom:10px solid var(--arena);box-shadow:inset 0 -3px 0 var(--arena-2)}.landing-calle svg{position:absolute;inset:0;width:100%;height:100%}.landing-rotulo{font:700 13px/1.3 var(--cuerpo);letter-spacing:.1em;text-transform:uppercase;color:var(--texto-2)}.landing-pregunta{display:flex;flex-direction:column;gap:32px;padding-block:72px 80px}.landing-bocadillos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));grid-gap:28px 20px;gap:28px 20px;align-items:end}.landing-bocadillo{display:flex;flex-direction:column;gap:14px}.landing-globo{position:relative;background:var(--superficie);color:var(--texto);border-radius:var(--r-tarjeta);padding:18px 20px;font-family:var(--titular);font-weight:800;font-size:clamp(20px,2vw,26px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance;box-shadow:0 0 0 1px var(--borde)}.landing-globo:after{content:"";position:absolute;left:26px;bottom:-9px;width:18px;height:18px;background:var(--superficie);transform:rotate(45deg);border-radius:0 0 4px 0;box-shadow:1px 1px 0 var(--borde)}.landing-globo-ontoy,.landing-globo-ontoy:after{background:var(--carbon);color:var(--texto-en-oscuro);box-shadow:none}.landing-quien{display:flex;align-items:center;gap:10px;-webkit-padding-start:10px;padding-inline-start:10px;font:700 14px/1 var(--cuerpo);color:var(--texto-2)}.landing-quien svg{width:46px;height:auto;flex:none}.landing-color{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));grid-gap:40px;gap:40px;align-items:center;padding-block:88px 112px;border-top:1px solid var(--borde)}.landing-color-dicho{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.landing-muestras{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.landing-muestra{width:44px;height:44px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 0 0 3px var(--lienzo);transition:box-shadow .2s var(--curva)}.landing-muestra[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--lienzo),0 0 0 2px var(--carbon)}.landing-muestra svg{width:22px;height:22px}.landing-nota-color{font:400 14px/1.45 var(--cuerpo);color:var(--texto-2)}.landing-campo{display:flex;align-items:center;gap:12px;margin-top:8px;font:700 13px/1 var(--cuerpo);color:var(--texto-2)}.landing-campo input{width:80px;padding:10px 12px;border:1px solid var(--borde-fuerte);border-radius:var(--r-placa);background:var(--superficie);color:var(--texto);font:800 18px/1 var(--titular);text-align:center}.landing-color-muestra{display:flex;align-items:flex-end;justify-content:center;gap:6%;background:var(--superficie);border-radius:40px;box-shadow:0 0 0 1px var(--borde);padding:36px 24px 0;aspect-ratio:5/4;overflow:hidden}.landing-color-muestra svg{width:44%;height:auto;display:block}.landing-personajes{background:var(--carbon);color:var(--texto-en-oscuro);margin-inline:clamp(8px,1.4vw,20px);border-radius:clamp(28px,3vw,44px)}.landing-personajes-caja{display:flex;flex-direction:column;gap:40px;padding-block:clamp(56px,7vw,96px)}.landing-personajes h2{color:var(--blanco)}.landing-rotulo-claro{color:var(--arena-2)}.landing-lead-claro{color:var(--arena)}.landing-lead-claro strong{color:var(--blanco)}.landing-personajes-dicho{display:flex;flex-direction:column;gap:16px}.landing-miradas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));grid-gap:48px;gap:48px;align-items:center}.landing-miradas-dibujo{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:3%}.landing-miradas-dibujo figure{margin:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;flex:0 1 30%}.landing-miradas-dibujo figure:nth-child(2){flex-basis:40%}.landing-miradas-dibujo svg{width:100%;max-width:200px;height:auto;display:block}.landing-miradas-dibujo figcaption{display:flex;flex-direction:column;align-items:center;gap:2px;font:400 14px/1.3 var(--cuerpo);color:var(--arena-2)}.landing-miradas-dibujo figcaption b{font-family:var(--titular);font-weight:800;font-size:18px;color:var(--blanco)}.landing-pupilas{transition:transform .45s var(--curva)}.landing-miradas-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.landing-miradas-lista button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;border:1px solid transparent;border-radius:var(--r-tienda);background:transparent;color:var(--arena);text-align:start;cursor:pointer;font:400 14px/1.35 var(--cuerpo);transition:background .2s var(--curva)}.landing-miradas-lista button b{font:700 13px/1.3 var(--cuerpo);letter-spacing:.06em;text-transform:uppercase;color:var(--arena-2)}.landing-miradas-lista button:hover{background:var(--asfalto)}.landing-miradas-lista button[aria-pressed=true]{background:var(--asfalto);color:var(--blanco);border-color:var(--arena-2)}.landing-miradas-lista button[aria-pressed=true] b{color:var(--blanco)}.landing-personajes :focus-visible{outline-color:var(--arena)}.landing-recorrido{display:flex;flex-direction:column;gap:40px;padding-block:clamp(72px,9vw,112px)}.landing-recorrido-dicho{display:flex;flex-direction:column;gap:16px}.landing-recorrido-cuerpo{display:grid;grid-template-columns:minmax(200px,300px) 1fr;grid-gap:clamp(24px,4vw,56px);gap:clamp(24px,4vw,56px);align-items:start}.landing-recorrido-hilo{position:-webkit-sticky;position:sticky;top:88px;align-self:start}.landing-hilo{width:100%;height:auto;max-height:min(78vh,760px);display:block}@media (max-width:820px){.landing-recorrido-cuerpo{grid-template-columns:1fr}.landing-recorrido-hilo{display:none}}.landing-paradas{gap:clamp(48px,7vw,88px)}.landing-parada,.landing-paradas{display:flex;flex-direction:column}.landing-parada{gap:12px}.landing-parada-n{display:flex;align-items:center;gap:10px;font:700 13px/1 var(--cuerpo);letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2)}.landing-parada-n span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--carbon);color:var(--blanco);font:800 13px/1 var(--titular);letter-spacing:0}.landing-parada h3{font-size:clamp(26px,3vw,38px);line-height:1.02}.landing-parada p{font:400 17px/1.5 var(--cuerpo);color:var(--texto-2);max-width:56ch;text-wrap:pretty}.landing-parada p strong{font-weight:600;color:var(--texto)}.landing-demo{margin-top:8px;background:var(--superficie);border-radius:var(--r-tarjeta);box-shadow:0 0 0 1px var(--borde);padding:18px 20px;max-width:460px}.landing-chapa{display:inline-grid;place-items:center;min-width:38px;height:30px;padding-inline:8px;border-radius:var(--r-placa);background:var(--ruta);color:var(--sobre-ruta);font:800 15px/1 var(--titular);flex:none}.landing-chapa-chica{min-width:28px;height:22px;font-size:12px}.landing-demo b{display:block;font:600 16px/1.3 var(--cuerpo);color:var(--texto)}.landing-demo small{display:block;font:400 13px/1.4 var(--cuerpo);color:var(--texto-2)}.landing-demo-parada{display:flex;align-items:center;gap:14px}.landing-demo-parada>div:nth-child(2){flex:1 1;min-width:0}.landing-cuenta{display:flex;align-items:baseline;gap:5px;font:800 34px/1 var(--titular);color:var(--texto)}.landing-cuenta span{font:600 13px/1 var(--cuerpo);color:var(--texto-2)}.landing-demo-buscar label{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--borde-fuerte);border-radius:var(--r-pastilla);background:var(--lienzo)}.landing-lupa svg{width:18px;height:18px;display:block;color:var(--texto-2)}.landing-demo-buscar input{flex:1 1;min-width:0;border:0;background:none;font:400 15px/1 var(--cuerpo);color:var(--texto)}.landing-demo-buscar input:focus{outline:none}.landing-demo-buscar ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column}.landing-demo-buscar li{padding:10px 4px;border-top:1px solid var(--borde)}.landing-vacio{font:400 14px/1.45 var(--cuerpo);color:var(--texto-2)}.landing-pie-demo{margin-top:10px;font:400 12px/1.4 var(--cuerpo);color:var(--texto-2)}.landing-demo-guardadas{display:flex;flex-direction:column;gap:14px}.landing-demo-guardadas>div{display:flex;align-items:center;gap:12px}.landing-demo-guardadas small{display:flex;align-items:center;gap:6px;margin-top:3px}.landing-estrella{font-size:20px;line-height:1;color:var(--texto)}.landing-demo-yaviene{display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-yaviene-dicho b{font-family:var(--titular);font-weight:800;font-size:20px}.landing-reacciona{border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}.landing-reacciona svg{width:84px;height:84px;display:block;overflow:visible}.landing-ontoy-personaje svg{width:100%;max-width:180px;height:auto}.landing-ontoy-personaje .landing-tocalo{color:var(--arena-2)}.landing-con-ontoy{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.landing-con-ontoy .landing-demo{flex:1 1 300px;min-width:0}.landing-cosquillas{border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}.landing-cosquillas svg{width:74px;height:74px;display:block}.landing-tocalo{font:700 12px/1 var(--cuerpo);color:var(--texto-2);text-align:center}.landing-demo-aviso>div{display:flex;align-items:flex-start;gap:12px}.landing-aviso-firma{font:400 12px/1.4 var(--cuerpo);color:var(--texto-2);margin-bottom:10px}.landing-instalar{background:var(--carbon);color:var(--texto-en-oscuro);margin-inline:clamp(8px,1.4vw,20px);border-radius:clamp(28px,3vw,44px) clamp(28px,3vw,44px) 0 0;margin-top:clamp(56px,8vw,104px)}.landing-instalar-caja{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));grid-gap:48px;gap:48px;align-items:center;padding-block:clamp(56px,8vw,104px)}.landing-instalar h2{color:var(--blanco)}.landing-instalar-dicho{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.landing-boton-claro{background:var(--hueso);color:var(--carbon)}.landing-boton-claro:hover{background:var(--blanco)}.landing-tiendas-cajas{display:flex;flex-wrap:wrap;gap:10px}.landing-tienda{display:flex;flex-direction:column;gap:1px;padding:9px 16px;border:1px solid var(--gris);border-radius:var(--r-tienda);color:var(--arena-2)}.landing-tienda small{font:400 11px/1.2 var(--cuerpo)}.landing-tienda b{font:700 14px/1.2 var(--cuerpo);color:var(--arena)}.landing-dormido{gap:18px}.landing-despertar,.landing-dormido{display:flex;flex-direction:column;align-items:center}.landing-despertar{position:relative;border:0;background:none;padding:0;cursor:pointer;gap:8px}.landing-despertar svg{width:clamp(140px,22vw,200px);height:auto;display:block}.landing-zzz text{font-family:var(--titular);font-weight:800;fill:var(--arena-2);animation:landing-sube-la-z 3.4s ease-out infinite}.landing-z1{font-size:13px;animation-delay:0s}.landing-z2{font-size:18px;animation-delay:.5s}.landing-z3{font-size:24px;animation-delay:1s}@keyframes landing-sube-la-z{0%{opacity:0;transform:translateY(6px)}22%{opacity:1}70%{opacity:.55}to{opacity:0;transform:translate(10px,-22px)}}.landing-ontoy-dormido svg{width:clamp(140px,22vw,200px);height:auto}.landing-zetas{position:absolute;top:-8px;inset-inline-end:-6px;display:flex;align-items:baseline;gap:4px;color:var(--arena-2);font-family:var(--titular);font-weight:800;transition:opacity .3s var(--curva)}.landing-zetas[data-durmiendo=false]{opacity:0}.landing-zetas i{font-style:normal}.landing-zetas i:first-child{font-size:14px}.landing-zetas i:nth-child(2){font-size:19px}.landing-zetas i:nth-child(3){font-size:25px}.landing-refunfuño{font:700 14px/1 var(--cuerpo);color:var(--arena-2)}.landing-nota-dormido{font:400 14px/1.5 var(--cuerpo);color:var(--arena);max-width:42ch;text-align:center;text-wrap:pretty}.landing-nota-dormido strong{font-weight:600;color:var(--blanco)}.landing-instalar :focus-visible{outline-color:var(--arena)}.landing-instalar+.landing-pie{border-top:0;margin-top:0}.landing-pie{border-top:1px solid var(--borde);margin-top:64px;padding-block:32px 40px}.landing-pie>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;font:400 13px/1.4 var(--cuerpo);color:var(--texto-2)}.landing-pie a{color:var(--texto-2);-webkit-text-decoration-color:var(--borde-fuerte);text-decoration-color:var(--borde-fuerte);text-underline-offset:3px}.landing-pie a:hover{color:var(--texto)}.landing-pie .landing-wordmark{font-size:18px;color:var(--texto)}.landing-pie-dominio{-webkit-margin-start:auto;margin-inline-start:auto}@media (max-width:720px){.landing-pie-dominio{-webkit-margin-start:0;margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.landing *,.landing :after,.landing :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}