.ai-stack-orbit.uv-live .ai-stack-node{cursor:pointer;font-family:inherit;transition:box-shadow .16s,border-color .16s}.uv-live .ai-stack-node:is(:hover,:focus-visible,[aria-pressed=true]){border-color:#4176dc;box-shadow:0 0 0 3px #689cfa44}.uv-live .ai-stack-node:focus-visible{outline:2px solid currentColor;outline-offset:4px}.uv-live .ai-stack-core{background:linear-gradient(135deg,#13378f,#175be0);border-radius:38% 38% 32% 32%;gap:4px}.uv-live .uv-face{display:flex;align-items:center;justify-content:center;gap:10px;width:70px;height:34px;border-radius:16px;background:#102950;box-shadow:inset 0 1px 2px #ffffff35}.uv-live .uv-eye{width:9px;height:13px;border-radius:50%;background:#d5f6ff;transform:translate(var(--gx,0px),var(--gy,0px))}.uv-orbit-caption{text-align:center;max-width:34ch;min-height:3.3em;margin:12px auto 0;font-size:14px;line-height:1.55}.uv-orbit-caption strong{display:block}.uv-orbit-guide{margin:0 auto;text-align:center;font-size:13px}.uv-orbit-wrap{min-width:0}.uv-live.ai-stack-orbit{max-width:100%}@media(prefers-reduced-motion:reduce){.uv-code-light{display:none}.uv-live .ai-stack-node{transition:none}}

.uv-live .ai-stack-core{background:transparent!important;box-shadow:none!important;border:0!important}.uv-live .uv-face{width:min(88%,110px);height:auto;aspect-ratio:1;display:block;background:transparent;box-shadow:none}.uv-face svg{display:block;width:100%;height:100%;overflow:visible}.grovy-shape{fill:#090f41}.grovy-eyes{fill:white;transform:translate(calc(var(--gx,0px) * 4),calc(var(--gy,0px) * 4))}[data-theme=dark] .grovy-shape{fill:#e9e3c1}[data-theme=dark] .grovy-eyes{fill:#090f41}

main > section,main > article{position:relative;isolation:isolate}
main > section::before,main > article::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22288%22%3E%3Cg%20font-family%3D%22monospace%22%20font-size%3D%2213%22%20fill%3D%22%237387ae%22%3E%3Ctext%20x%3D%228%22%20y%3D%2217%22%20letter-spacing%3D%2223%22%3E%26lt%3B%26gt%3B%3A%26lt%3B%26lt%3B%3D%2B%3D%26gt%3B%26gt%3B%2F%26gt%3B%2F%2B%2F%3C%2Ftext%3E%3Ctext%20x%3D%228%22%20y%3D%2249%22%20letter-spacing%3D%2223%22%3E00%C2%B7%26gt%3B%26gt%3B1%2F0%26lt%3B%2B%2B1%2B%26lt%3B%C2%B7%3C%2Ftext%3E%3Ctext%20x%3D%228%22%20y%3D%2281%22%20letter-spacing%3D%2223%22%3E%26gt%3B0%2F1%2B%26lt%3B%26lt%3B0%2F1%2B0%2F%C2%B71%3C%2Ftext%3E%3Ctext%20x%3D%228%22%20y%3D%22113%22%20letter-spacing%3D%2223%22%3E0%C2%B71%26lt%3B%2F%26gt%3B%2B%3D%3A%26lt%3B1%26lt%3B%3D%2B%3D%3C%2Ftext%3E%3Ctext%20x%3D%228%22%20y%3D%22145%22%20letter-spacing%3D%2223%22%3E%3A%26gt%3B%C2%B710%2F%2B%2B0%C2%B71%26gt%3B1%C2%B7%3D%3C%2Ftext%3E%3Ctext%20x%3D%228%22%20y%3D%22177%22%20letter-spacing%3D%2223%22%3E10%2B%2F%2B%C2%B7%26gt%3B%2F%3A%C2%B7%3D%2F%3A%2B%3A%3C%2Ftext%3E%3Ctext%20x%3D%228%22%20y%3D%22209%22%20letter-spacing%3D%2223%22%3E0%3A%C2%B70%26gt%3B%2B%2B%2B%2F%2F%C2%B7%3A10%2B%3C%2Ftext%3E%3Ctext%20x%3D%228%22%20y%3D%22241%22%20letter-spacing%3D%2223%22%3E01%C2%B7%C2%B7%2F1%2B%26gt%3B0%C2%B7%3A%2B%3D%2B%3D%3C%2Ftext%3E%3Ctext%20x%3D%228%22%20y%3D%22273%22%20letter-spacing%3D%2223%22%3E%26gt%3B00%26lt%3B%C2%B7%26gt%3B%3A0%26lt%3B1%26lt%3B%2F%C2%B7%26gt%3B%2F%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E');
 background-repeat:repeat;opacity:.24;
 mask-image:linear-gradient(110deg,transparent 1%,#0009 24%,transparent 51%,#000 86%,#0005);
}
main > section:nth-of-type(even)::before{background-position:83px 47px;mask-image:linear-gradient(110deg,#000 2%,transparent 52%,#0009)}
[data-theme=dark] main > :is(section,article)::before{opacity:.32}
.uv-live .uv-face svg{animation:grovy-hover 4.8s ease-in-out infinite}
@keyframes grovy-hover{0%,100%{transform:translateY(1px) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.uv-live .uv-face svg{animation:none}}
/* Concentrate light around the demonstration, team and model selector. */
main{--uv-cool:rgba(94,146,241,.21);--uv-warm:rgba(213,181,111,.21);--uv-violet:rgba(158,142,206,.13)}
[data-theme=dark] main{--uv-cool:rgba(70,124,193,.30);--uv-warm:rgba(206,184,128,.24);--uv-violet:rgba(116,105,161,.17)}
main > :is(section,article)::before{opacity:.13;mask-image:radial-gradient(ellipse at 84% 24%,#000,transparent 66%)}
main > section:is(.hero,.ai-stack-section,.human-section,#supervision)::before{opacity:.38;mask-image:radial-gradient(ellipse at 82% 16%,#000 4%,transparent 62%),radial-gradient(ellipse at 10% 76%,#0009,transparent 44%)}
main > section:is(.hero,.ai-stack-section,.human-section,#supervision)::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 45% 42% at 12% 24%,var(--uv-cool),transparent),radial-gradient(ellipse 48% 44% at 76% 73%,var(--uv-warm),transparent),radial-gradient(ellipse 35% 38% at 95% 10%,var(--uv-violet),transparent)}
[data-theme=dark] main > :is(.ai-stack-section,.human-section,#supervision){background-color:#10141c}
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
 main > section:is(.hero,.ai-stack-section,.human-section,#supervision)::after{animation:uv-light-pass 1s linear both;animation-timeline:view();animation-range:entry 0% exit 100%;background-size:112% 115%}
 @keyframes uv-light-pass{from{background-position:0% 0%;opacity:.75}50%{opacity:1}to{background-position:100% 95%;opacity:.78}}
 }
}
.profile-demo[data-active-profile] #profile-avatar{background-size:cover;background-position:center;background-color:#f7f7fa;border-radius:18px;border:1px solid #8997ac33}
.profile-demo[data-active-profile="0"] #profile-avatar{background-image:url("equipo-luna.webp")}
.profile-demo[data-active-profile="1"] #profile-avatar{background-image:url("equipo-theo.webp")}
.profile-demo[data-active-profile="2"] #profile-avatar{background-image:url("equipo-aria.webp")}
.profile-demo[data-active-profile="3"] #profile-avatar,.profile-demo[data-active-profile="4"] #profile-avatar{background-image:url("equipo-nora.webp")}
/* Size the decoration against the page while preserving the content column. */
@supports (width:1cqw){
 main#contenido{container-type:inline-size}
 main#contenido > :is(.hero,.platform-proof,.cases-hero,.cases-end).wrap::before,
 main#contenido > .hero.wrap::after{inset-inline:calc(50% - 50cqw)}
}
main#contenido > section.hero::before{
 mask-image:radial-gradient(ellipse at 86% 30%,#000 3%,transparent 65%);
 opacity:.25
}
@media(max-width:720px){
 main#contenido > section.hero::before{opacity:.16}
}
