.scene{height:var(--alto-escena,480svh);overflow-anchor:none;position:relative}.stage{isolation:isolate;background:var(--color-blanco);background-image:radial-gradient(55cqi 45cqi at var(--mx,55%) var(--my,55%), #0f10120b, transparent 70%);height:100svh;position:sticky;top:0;overflow:hidden;container-type:inline-size}.nav{z-index:20;justify-content:space-between;align-items:center;padding:24px 3.4cqi;display:flex;position:absolute;top:0;left:0;right:0}.steps-bar{z-index:18;color:var(--color-gris-terciario-2);gap:1.6cqi;font-size:max(12px,.9cqi);display:flex;position:absolute;top:31px;left:50%;transform:translate(-50%)}.steps-bar span{white-space:nowrap;align-items:center;gap:6px;transition:color .3s;display:flex}.steps-bar span:before{content:"";background:var(--color-borde-claro);flex:none;width:18px;height:2px;transition:background .3s}.steps-bar span.on{color:var(--color-tinta)}.steps-bar span.on:before{background:var(--color-naranja)}.progress{background:var(--color-tinta);z-index:19;width:0;height:2px;position:absolute;bottom:0;left:0}.copy{z-index:15;position:absolute;inset:92px 3.4cqi 30px}.copy .h{font-family:var(--font-titular);letter-spacing:-.025em;text-align:center;text-wrap:balance;max-width:16ch;margin:0 auto;font-size:max(40px,6.6cqi);font-weight:300;line-height:.95}.sub{text-align:right;justify-items:end;gap:1.2cqi;width:min(26cqi,360px);display:grid;position:absolute;bottom:24px;right:0}.sub .s{color:var(--color-gris-texto);margin:0;font-size:max(14px,1.2cqi);line-height:1.55}.copy .h,.sub .s{transition:opacity .3s,transform .3s}.stage.swap .h,.stage.swap .s{opacity:0;transform:translateY(6px)}.cta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.cta a{white-space:nowrap;border-radius:99px;padding:.95cqi 1.7cqi;font-size:max(13px,1cqi);font-weight:600;text-decoration:none}.cta .c1{background:var(--color-tinta);color:var(--color-blanco)}.cta .c2{background:var(--color-niebla);color:var(--color-tinta)}.skip{z-index:18;color:var(--color-gris-terciario);text-underline-offset:3px;font-size:13px;text-decoration:underline;position:absolute;bottom:26px;left:3.4cqi}.vis{z-index:5;position:absolute;inset:calc(130px + 14cqi) 30% 30px 1%}.x3d{perspective:1500px;place-items:center;display:grid;position:absolute;inset:0}.core{aspect-ratio:1;width:min(26cqi,360px);transform-style:preserve-3d;position:relative}.slice{transform-style:preserve-3d;position:absolute;inset:0}.bar{background:var(--gradiente-titanio);height:13%;box-shadow:var(--sombra-titanio);border-radius:2px;position:absolute;top:43.5%;left:-8%;right:-8%}.slice:not(.front) .bar{background:var(--gradiente-titanio-trasero);opacity:.8;box-shadow:none}.lbl{white-space:nowrap;color:#3f444a;opacity:0;align-items:center;gap:8px;font-size:max(11px,1cqi);font-weight:500;display:flex;position:absolute;top:50%;left:104%;transform:translateY(-50%)}.lbl:before{content:"";background:var(--color-titanio-2);width:3cqi;height:1px}.beam{color:var(--color-gris-terciario);white-space:nowrap;font-size:max(11px,1cqi);position:absolute}.flash{z-index:6;pointer-events:none;opacity:0;background:radial-gradient(closest-side,#0f101238,#0f101212 45%,#0000 78%);position:absolute;inset:0}.world{opacity:0;z-index:4;position:absolute;inset:0}.app{border:1px solid var(--color-borde);background:var(--color-panel);transform-origin:50%;border-radius:12px;grid-template-columns:1fr 1.05fr 1fr;height:82%;display:grid;position:absolute;top:6%;left:3%;right:3%;overflow:hidden;box-shadow:0 24px 60px #0f10121a}.col{grid-template-rows:auto 1fr;gap:min(.9cqi,1.6vh);min-height:0;padding:min(1.1cqi,2vh);display:grid;overflow:hidden}.col+.col{border-left:1px solid var(--color-borde-claro)}.col h5{color:var(--color-gris-texto);justify-content:space-between;gap:6px;margin:0;font-size:max(11px,min(.85cqi,1.6vh));font-weight:600;display:flex}.col h5 em{font-style:normal;font-family:var(--font-mono);font-weight:400}.chat{align-content:start;gap:min(.7cqi,1.3vh);display:grid}.bub{background:var(--color-blanco);border:1px solid var(--color-borde-claro);opacity:0;border-radius:10px 10px 10px 2px;padding:min(.7cqi,1.3vh) min(.9cqi,1.6vh);font-size:max(11px,min(.92cqi,1.7vh));line-height:1.4;transition:all .4s;transform:translateY(6px)}.bub.me{background:var(--color-tinta);color:var(--color-blanco);border-color:var(--color-tinta);border-radius:10px 10px 2px;justify-self:end}.bub.me small{color:var(--color-gris-sobre-tinta)}.bub.on{opacity:1;transform:none}.bub small{color:var(--color-gris-terciario);margin-top:2px;font-size:max(9.5px,.72cqi);display:block}ul.agent{align-content:start;gap:min(.5cqi,.9vh);margin:0;padding:0;list-style:none;display:grid}ul.agent li{color:var(--color-gris-terciario-2);border:1px solid #0000;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:min(.8cqi,1.5vh);padding:min(.6cqi,1.1vh) min(.8cqi,1.5vh);font-size:max(11px,min(.92cqi,1.7vh));transition:all .3s;display:grid}ul.agent li i{border:1.5px solid var(--color-pendiente);border-radius:50%;flex:none;width:10px;height:10px}ul.agent li em{font-style:normal;font-family:var(--font-mono);font-size:max(9.5px,.72cqi)}ul.agent li.act{color:var(--color-tinta);background:var(--color-blanco);border-color:var(--color-naranja-suave)}ul.agent li.act i{border-color:var(--color-naranja);background:radial-gradient(var(--color-naranja) 40%, transparent 45%)}ul.agent li.done{color:var(--color-tinta)}ul.agent li.done i{background:var(--color-tinta);border-color:var(--color-tinta)}.rec{background:var(--color-blanco);border:1px solid var(--color-borde-claro);border-radius:10px;align-content:start;gap:min(.55cqi,.75vh);padding:min(.95cqi,1.3vh);font-size:max(11px,min(.92cqi,1.6vh));display:grid}.rec div{border-bottom:1px solid var(--color-divisor);justify-content:space-between;gap:8px;padding-bottom:min(.5cqi,.7vh);display:flex}.rec div span{color:var(--color-gris-terciario)}.rec div b{text-align:right;font-weight:600}.rec div b.wait{color:#0000;position:relative}.rec div b.wait:after{content:"—";color:var(--color-pendiente);text-align:right;position:absolute;inset:0}.toast{background:var(--color-naranja);color:var(--color-blanco);opacity:0;border-radius:8px;margin-top:min(.9cqi,1.1vh);padding:min(.7cqi,1vh) min(.9cqi,1.6vh);font-size:max(11px,min(.92cqi,1.6vh));font-weight:600;transition:all .4s;transform:translateY(6px)}.toast.on{opacity:1;transform:none}.sample{color:var(--color-gris-terciario-2);margin-top:min(.7cqi,1vh);font-size:max(9.5px,min(.72cqi,1.3vh))}.hub{opacity:0;position:absolute;inset:0}.hub svg{width:100%;height:100%;position:absolute;inset:0}.hub line{stroke:var(--color-borde);stroke-width:1px;vector-effect:non-scaling-stroke}.hub line.pulse{stroke:var(--color-naranja);stroke-dasharray:4 14;animation:1.6s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-36px}}.mini{aspect-ratio:1;width:8%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.mini i{background:linear-gradient(180deg, var(--color-titanio-2), var(--color-titanio-4));border-radius:2px;height:16%;position:absolute;top:42%;left:-10%;right:-10%}.mini i:first-child{transform:rotate(45deg)}.mini i:last-child{transform:rotate(-45deg)}.tile{border:1px solid var(--color-borde);background:var(--color-panel);opacity:0;border-radius:10px;align-content:space-between;width:20%;height:15%;padding:1% 1.3%;display:grid;position:absolute}.tile b{letter-spacing:-.01em;font-size:max(12px,1.2cqi);font-weight:600}.tile .ln{background:var(--color-borde-claro);border-radius:2px;height:3px;position:relative;overflow:hidden}.tile .ln:after{content:"";background:var(--color-naranja);width:30%;animation:2.8s linear infinite slide;position:absolute;inset:0}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}.app-tabs,.chips{display:none}.app-suelta .app{height:auto;position:static;transform:none!important}.app-suelta .col{gap:14px;padding:22px}.app-suelta .col h5,.app-suelta .bub,.app-suelta ul.agent li,.app-suelta .rec,.app-suelta .toast{font-size:14px}.app-suelta .col h5{font-size:12px}.app-suelta .bub{padding:10px 12px}.app-suelta .bub small,.app-suelta ul.agent li em,.app-suelta .sample{font-size:11.5px}.app-suelta ul.agent{gap:7px}.app-suelta ul.agent li{gap:12px;padding:10px 12px}.app-suelta .rec{gap:9px;padding:14px}.app-suelta .rec div{padding-bottom:8px}.app-suelta .toast{margin-top:12px;padding:11px 13px}.app-suelta .sample{margin-top:10px}@media (max-width:760px){.app-suelta .app{min-height:430px;position:relative}.app-suelta .col{padding:14px 16px}}@media (prefers-reduced-motion:reduce){.copy .h,.sub .s{transition:none}.hub line.pulse,.tile .ln:after{animation:none}}@media (max-width:1024px) and (min-width:761px){.sub{width:min(36cqi,340px)}.vis{right:36%}.copy .h{font-size:max(40px,7.4cqi)}}@media (max-width:760px){.scene{height:var(--alto-escena,430svh)}.nav{padding:16px 20px}.steps-bar{gap:6px;font-size:12px;top:62px}.steps-bar span{gap:0}.steps-bar span:before{border-radius:2px;width:22px;height:3px}.steps-bar span:not(.on){font-size:0}.steps-bar span.on{gap:8px;padding-right:2px}.skip{display:none}.copy{inset:86px 20px 22px}.copy .h{max-width:12ch;font-size:clamp(38px,11.6vw,58px);line-height:.96}.sub{text-align:center;justify-items:center;gap:14px;width:auto;bottom:0;left:0;right:0}.sub .s{max-width:34ch;font-size:15px}.cta{justify-content:center;width:100%}.cta a{text-align:center;flex:1;padding:15px 20px;font-size:15px}.cta .c2{display:none}.vis{inset:calc(104px + 2.88*clamp(38px,11.6vw,58px)) 0 178px}.core{width:min(60vw,34svh)}.lbl{display:none}.beam{color:var(--color-gris-texto);font-size:12px;font-weight:500}.chips{z-index:7;pointer-events:none;opacity:0;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 6px;display:flex;position:absolute;bottom:-4px;left:0;right:0}.chips span{background:var(--color-blanco);border:1px solid var(--color-borde);color:var(--color-tinta);border-radius:99px;padding:6px 10px;font-size:12px;font-weight:600;box-shadow:0 4px 12px #0f10120f}.chips span:first-child{border-color:var(--color-naranja)}.app{height:96%;display:block;top:1%;left:2%;right:2%}.app-tabs{justify-content:center;gap:4px;padding:10px 10px 0;display:flex}.app-tabs span{color:var(--color-gris-terciario-2);border-radius:99px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:background .3s,color .3s}.app[data-phase="0"] .app-tabs span:first-child,.app[data-phase="1"] .app-tabs span:nth-child(2),.app[data-phase="2"] .app-tabs span:nth-child(3){background:var(--color-tinta);color:var(--color-blanco)}.col{opacity:0;pointer-events:none;padding:12px 14px;transition:opacity .45s,transform .45s;position:absolute;inset:42px 0 0;transform:translate(16px)}.col+.col{border-left:0}.app[data-phase="0"] .col-ch,.app[data-phase="1"] .col-ag,.app[data-phase="2"] .col-sys{opacity:1;transform:none}.col h5{display:none}.bub{padding:10px 12px;font-size:14px}.bub small{font-size:11px}ul.agent{gap:6px}ul.agent li{padding:9px 10px;font-size:13.5px}ul.agent li em{font-size:11px}.rec{gap:8px;padding:12px;font-size:13.5px}.toast{padding:10px 12px;font-size:13.5px}.sample{text-align:center;font-size:11px}.tile{border-radius:8px;align-content:center;padding:6px 8px}.tile b{white-space:nowrap;font-size:11.5px}.tile .ln{display:none}.mini{width:13%}}@media (max-width:760px) and (max-height:640px){.copy .h{font-size:clamp(32px,9.6vw,44px)}.sub .s{display:none}.vis{top:calc(96px + 2.88*clamp(32px,9.6vw,44px));bottom:92px}}@media (orientation:landscape) and (max-height:620px){.steps-bar,.skip,.chips{display:none}.nav{padding:12px 3cqi}.copy{inset:52px 3cqi 12px}.copy .h{max-width:18ch;font-size:clamp(26px,7.4svh,42px);line-height:.98}.sub{text-align:right;justify-items:end;gap:10px;width:min(36cqi,320px);bottom:4px;left:auto;right:0}.sub .s{max-width:none;font-size:13px}.cta{justify-content:flex-end;width:auto}.cta a{flex:0 auto;padding:11px 18px;font-size:13.5px}.vis{inset:calc(56px + 8.5svh) 40% 8px 0}.core{width:min(30cqi,30svh)}.app{height:94%;top:2%;left:1%;right:1%}}
.md{border:1px solid var(--color-borde-claro);background:var(--color-blanco);border-radius:10px;height:128px;padding:14px;position:relative;overflow:hidden}.md-riel{background:var(--color-borde-claro);border-radius:2px;height:2px;position:absolute}.md-orq-carril{background:var(--color-borde-claro);border-radius:2px;height:2px;position:absolute;left:14px;right:14px}.md-orq-token{background:var(--color-naranja);border-radius:50%;width:9px;height:9px;margin-top:-3.5px;animation:5.4s ease-in-out infinite md-orq;position:absolute}@keyframes md-orq{0%{opacity:0;left:14px}6%{opacity:1}28%{left:calc(100% - 23px)}32%{left:calc(100% - 23px);transform:translateY(30px)}56%{left:14px;transform:translateY(30px)}60%{left:14px;transform:translateY(60px)}76%{background:var(--color-naranja);left:40%;transform:translateY(60px)}84%{background:var(--color-tinta);left:40%;transform:translateY(60px)}96%{background:var(--color-tinta);left:calc(100% - 23px);transform:translateY(60px)}to{opacity:0;background:var(--color-tinta);left:calc(100% - 23px);transform:translateY(60px)}}.md-orq-aprob{border:1.5px dashed var(--color-borde);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -6px;position:absolute;top:68px;left:40%}.md-fila{grid-template-columns:10px 1fr;align-items:center;gap:10px;margin-bottom:12px;display:grid}.md-punto{border:1.5px solid var(--color-pendiente);border-radius:50%;width:10px;height:10px;animation:4.8s linear infinite md-punto}.md-barra{background:var(--color-borde-claro);border-radius:3px;height:5px;position:relative;overflow:hidden}.md-barra i{background:var(--color-tinta);border-radius:3px;width:0;animation:4.8s linear infinite md-llenar;position:absolute;inset:0}@keyframes md-punto{0%,to{border-color:var(--color-pendiente);background:0 0}8%{border-color:var(--color-naranja);background:radial-gradient(var(--color-naranja) 40%, transparent 45%)}22%,92%{border-color:var(--color-tinta);background:var(--color-tinta)}}@keyframes md-llenar{0%{width:0}22%,92%{width:100%}to{opacity:0;width:100%}}.md-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:22px;gap:7px;height:100%;display:grid}.md-bloque{background:var(--color-niebla);opacity:0;border-radius:5px;animation:5s ease-in-out infinite md-bloque}@keyframes md-bloque{0%{opacity:0;transform:scale(.9)}14%,84%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}.md-panel{border:1px solid var(--color-borde-claro);background:var(--color-panel);border-radius:8px;width:34%;position:absolute;top:24px;bottom:24px}.md-panel.izq{left:14px}.md-panel.der{right:14px}.md-salto{background:var(--color-naranja);border-radius:2px;width:8px;height:8px;margin-top:-4px;animation:3.4s ease-in-out infinite md-salto;position:absolute;top:50%}@keyframes md-salto{0%{opacity:0;left:24%}12%{opacity:1}50%{opacity:1;left:72%}62%{opacity:0;left:72%}to{opacity:0;left:72%}}.md-linea-puntos{background-image:linear-gradient(90deg, var(--color-borde) 50%, transparent 50%);background-size:7px 1px;height:1px;position:absolute;top:50%;left:34%;right:34%}.md-fuente{border:1px solid var(--color-borde);background:var(--color-panel);border-radius:4px;width:26px;height:14px;position:absolute;left:14px}.md-conector{background:var(--color-borde);width:26px;height:1px;position:absolute;left:40px}.md-texto{background:var(--color-borde-claro);border-radius:3px;height:6px;position:absolute;left:78px;right:14px;overflow:hidden}.md-texto i{background:var(--color-tinta);border-radius:3px;width:0;animation:4.2s ease-in-out infinite md-escribir;position:absolute;inset:0}@keyframes md-escribir{0%{width:0}40%,88%{width:100%}to{width:0}}@media (prefers-reduced-motion:reduce){.md-orq-token,.md-punto,.md-barra i,.md-bloque,.md-salto,.md-texto i{animation:none!important}.md-bloque{opacity:1}.md-barra i,.md-texto i{width:100%}.md-punto{border-color:var(--color-tinta);background:var(--color-tinta)}.md-orq-token,.md-salto{display:none}}
.capa-tarjeta{opacity:0;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}[data-visible=si] .capa-tarjeta{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.capa-tarjeta{opacity:1;transition:none;transform:none;transition-delay:0s!important}}