.a2r{background:var(--brand-canvas)}.a2r-scene{background:var(--brand-primary);position:relative}.a2r-control{z-index:6;order:-1;padding:0 1.5rem 2rem;position:relative}.a2r-control .a2-selector{max-width:30rem;margin-inline:auto}.a2r-control-line{text-align:center;min-height:1.4em;color:var(--a2-ink-on-petrol);animation:a2-info-in .52s var(--a2-ease) both;margin:.8rem auto 0;font-size:.875rem;line-height:1.4}.a2r .a2-copy{padding-top:.5rem}@media (min-width:64rem){.a2r-control{bottom:4.5svh;left:calc(50% + 19 * var(--u));width:min(30rem, calc(32 * var(--u)));padding:0;position:absolute;translate:-50%}.a2r .a2-copy{padding-top:var(--site-header-height)}.a2r[data-active=sistema] .a2-ui[data-id=sistema]{--ty:0svh}.a2r[data-active=sistema] .a2-ui[data-id=portal]{--ty:-25svh}.a2r[data-active=portal] .a2-ui[data-id=portal]{--ty:0svh}.a2r[data-active=app] .a2-ui[data-id=app]{--ty:-1svh;--s:.94}}.a2r-layers{pointer-events:none}.a2r-layers-body{--gap:7em;--bw:min(78vw, 19rem);--bar:1 / 1.02;--bf:11.5px;--tag-s:.5;width:var(--bw);aspect-ratio:var(--bar);font-size:var(--bf);transform-style:preserve-3d;position:relative}.a2r-layer{transform-style:preserve-3d;transform:translateZ(calc(var(--layer) * var(--gap)));position:absolute;inset:0}.a2r-layer-surface{border:1.5px solid #0000;border-radius:.9em;position:absolute;inset:0;overflow:hidden;box-shadow:0 1.6em 3.2em -1.6em #0000008c}.a2r-layer[data-layer=operacion] .a2r-layer-surface{border:1.5px dashed color-mix(in oklch, var(--brand-canvas) 36%, transparent);background:linear-gradient(color-mix(in oklch, var(--brand-canvas) 6%, transparent) 1px, transparent 1px) 0 0 / 2.4em 2.4em, linear-gradient(90deg, color-mix(in oklch, var(--brand-canvas) 6%, transparent) 1px, transparent 1px) 0 0 / 2.4em 2.4em, color-mix(in oklch, var(--brand-ink) 55%, var(--brand-primary))}.a2r-layer[data-layer=informacion] .a2r-layer-surface{border-color:color-mix(in oklch, var(--brand-accent) 30%, transparent);background:color-mix(in oklch, var(--brand-primary) 72%, var(--brand-ink))}.a2r-layer[data-layer=logica] .a2r-layer-surface{border-color:color-mix(in oklch, var(--brand-accent) 40%, transparent);background:color-mix(in oklch, var(--brand-primary) 86%, var(--brand-canvas))}.a2r-layer[data-layer=experiencia] .a2r-layer-surface{box-shadow:none;background:0 0;border:0;overflow:visible}.a2r-vis-operation{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4em;display:grid;position:absolute;inset:20% 16%}.a2r-vis-operation span{border:1px solid color-mix(in oklch, var(--brand-canvas) 22%, transparent);background:color-mix(in oklch, var(--brand-canvas) 7%, transparent);border-radius:.7em}.a2r-vis-information{width:76%;height:68%;position:absolute;inset:16% 12%}.a2r-vis-information path{fill:none;stroke:color-mix(in oklch, var(--brand-accent) 60%, transparent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.a2r-vis-information circle{fill:var(--brand-canvas)}.a2r-vis-information circle[data-core]{fill:var(--brand-accent)}.a2r-vis-logic{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:22% 14%}.a2r-vis-logic div{align-items:center;gap:1.2em;display:flex}.a2r-vis-logic span{border:1px solid color-mix(in oklch, var(--brand-canvas) 16%, transparent);background:color-mix(in oklch, var(--brand-ink) 35%, transparent);border-radius:.6em;flex:1;height:2.6em}.a2r-vis-logic span[data-out]{border-color:color-mix(in oklch, var(--brand-accent) 55%, transparent);background:color-mix(in oklch, var(--brand-accent) 22%, transparent)}.a2r-vis-logic i{background:color-mix(in oklch, var(--brand-canvas) 50%, transparent);width:3em;height:1.5px}.a2r-layer-ui{width:var(--uw);font-size:var(--uf);opacity:0;transition:opacity .52s var(--a2-ease);position:absolute;top:50%;left:50%;translate:-50% -50%;container-type:inline-size}.a2r-layer-ui[data-id=sistema],.a2r-layer-ui[data-id=portal]{--uw:100%;--uf:11.5px}.a2r-layer-ui[data-id=app]{--uw:46%;--uf:9.5px}.a2r[data-active=sistema] .a2r-layer-ui[data-id=sistema],.a2r[data-active=portal] .a2r-layer-ui[data-id=portal],.a2r[data-active=app] .a2r-layer-ui[data-id=app]{opacity:1}.a2r-layer-tag{font-size:calc(1em / var(--tag-s));white-space:nowrap;transform-origin:0 0;flex-direction:column;gap:.2em;display:flex;position:absolute;top:50%;left:100%;transform:rotate(34deg)rotateX(-56deg)translate(2.6em,-50%)}.a2r-layer-tag:before{content:"";background:var(--brand-accent);width:1.8em;height:1px;position:absolute;top:50%;right:calc(100% + .5em)}.a2r-layer-tag b{letter-spacing:-.01em;color:var(--brand-canvas);font-size:1.12em;font-weight:600}.a2r-layer-tag small{color:color-mix(in oklch, var(--brand-canvas) 70%, transparent);font-size:.82em}.a2r-mlayers{background:linear-gradient(180deg, var(--brand-primary), var(--a2-deep));position:relative}.a2r-mlayers-stage{perspective:2200px;place-items:center;height:30rem;display:grid;overflow:hidden}.a2r-layers-panel .a2r-layers-body{--tag-s:.5;transform:translate(-17vw,2.5rem)rotateX(56deg)rotate(-34deg)scale(.5)}.a2r-layers-stage{z-index:3;perspective:2600px;perspective-origin:50% 40%;display:none;position:absolute;inset:0}.a2r-layers-stage .a2r-layers-body{position:absolute;top:50%;left:50%;translate:-50% -50%}@media (min-width:64rem){.a2r-layers-body{--bw:calc(62 * var(--u));--bar:16 / 10;--bf:var(--u);--tag-s:.56}.a2r-layer-ui[data-id=sistema]{--uw:calc(62 * var(--u));--uf:var(--u)}.a2r-layer-ui[data-id=portal]{--uw:calc(54 * var(--u));--uf:calc(1.02 * var(--u))}.a2r-layer-ui[data-id=app]{--uw:calc(21 * var(--u));--uf:calc(.95 * var(--u))}.a2r-layer-tag{text-align:right;transform-origin:100% 0;align-items:flex-end;left:auto;right:100%;transform:rotate(34deg)rotateX(-56deg)translate(-2.6em,-50%)}.a2r-layer-tag:before{left:calc(100% + .5em);right:auto}.a2r-mlayers-stage{height:40rem}.a2r-layers-panel .a2r-layers-body{--tag-s:.56;transform:translate(4vw,3rem)rotateX(56deg)rotate(-34deg)scale(.56)}.a2r[data-active=sistema] .a2r-layers-stage .a2r-layers-body{--m-tx:calc(16.5 * var(--u));--m-ty:0svh;--m-s:1}.a2r[data-active=portal] .a2r-layers-stage .a2r-layers-body{--m-tx:calc(18 * var(--u));--m-ty:0svh;--m-s:1}.a2r[data-active=app] .a2r-layers-stage .a2r-layers-body{--m-tx:calc(16 * var(--u));--m-ty:-1svh;--m-s:.94}.a2r-layers-stage .a2r-layers-body{--i-tx:calc(6 * var(--u));--i-ty:6svh;--i-s:.56;--e-tx:0px;--e-ty:2svh;--e-s:.82}}.a2r-solutions{z-index:6;background:var(--brand-canvas);color:var(--brand-ink);border-radius:1.75rem 1.75rem 0 0;padding-block:4.5rem 5rem;position:relative;box-shadow:0 -2.5rem 4rem -2.5rem #04121c80}.a2r-sol-head{gap:.85rem;max-width:40rem;display:grid}.a2r-sol-head h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,1.3rem + 2vw,3rem);font-weight:600;line-height:1.06}.a2r-sol-head p{color:color-mix(in oklch, var(--brand-ink) 70%, var(--brand-canvas));margin:0;font-size:1.0625rem;line-height:1.6}.a2r-sol-grid{gap:1.75rem;margin-top:2.5rem;display:grid}.a2r-sol-tabs{border-top:1px solid color-mix(in oklch, var(--brand-ink) 12%, transparent);flex-direction:column;display:flex}.a2r-sol-tab{border:0;border-bottom:1px solid color-mix(in oklch, var(--brand-ink) 12%, transparent);width:100%;font:inherit;text-align:left;color:color-mix(in oklch, var(--brand-ink) 62%, var(--brand-canvas));cursor:pointer;transition:color .24s var(--motion-ease-standard);background:0 0;border-radius:0;padding:1rem 0 1rem 1.25rem;display:grid;position:relative}.a2r-sol-tab:before{content:"";background:var(--brand-primary);transform-origin:top;width:2px;transition:transform .42s var(--a2-ease);position:absolute;top:1rem;bottom:1rem;left:0;transform:scaleY(0)}.a2r-sol-tab:hover,.a2r-sol-tab[aria-selected=true]{color:var(--brand-ink)}.a2r-sol-tab[aria-selected=true]:before{transform:scaleY(1)}.a2r-sol-tab-title{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600;line-height:1.4}.a2r-sol-tab-line{transition:grid-template-rows .42s var(--a2-ease);grid-template-rows:0fr;display:grid}.a2r-sol-tab-line>span{color:color-mix(in oklch, var(--brand-ink) 68%, var(--brand-canvas));font-size:.9375rem;line-height:1.5;overflow:hidden}.a2r-sol-tab[aria-selected=true] .a2r-sol-tab-line{grid-template-rows:1fr}.a2r-sol-tab[aria-selected=true] .a2r-sol-tab-line>span{padding-top:.35rem}.a2r-sol-stage{isolation:isolate;background:var(--brand-primary);border-radius:1.25rem;order:-1;height:27rem;margin:0;position:relative;overflow:hidden;box-shadow:0 1.75rem 3.5rem -2rem #04121c80;container-type:inline-size}.a2r-sol-backdrop{z-index:-1;background:radial-gradient(70% 70% at 60% 40%, color-mix(in oklch, var(--brand-primary) 86%, var(--brand-canvas)) 0%, transparent 70%), linear-gradient(to right, color-mix(in oklch, var(--brand-canvas) 5%, transparent) 1px, transparent 1px) 0 0 / 4rem 100%;position:absolute;inset:0}.a2r-sol-ui{opacity:0;transition:opacity .52s var(--a2-ease);position:absolute;top:50%;left:50%;translate:-50% -50%;container-type:inline-size}.a2r-sol-ui[data-ui=sistema],.a2r-sol-ui[data-ui=portal]{width:90%;font-size:12px}.a2r-sol-ui[data-ui=app]{width:58%;font-size:10.5px;top:4%;translate:-50%}.a2r-sol-stage[data-example=sistema] .a2r-sol-ui[data-ui=sistema],.a2r-sol-stage[data-example=portal] .a2r-sol-ui[data-ui=portal],.a2r-sol-stage[data-example=app] .a2r-sol-ui[data-ui=app]{opacity:1}.a2r-spot{z-index:3;width:var(--sw,0px);height:var(--sh,0px);box-shadow:0 0 0 2px var(--brand-accent), 0 0 0 100vmax color-mix(in oklch, var(--brand-primary) 40%, transparent);opacity:0;pointer-events:none;transform:translate(var(--sx,0px), var(--sy,0px));transition:transform .62s var(--a2-ease), width .62s var(--a2-ease), height .62s var(--a2-ease), opacity .32s var(--a2-ease);border-radius:.8rem;position:absolute;top:0;left:0}.a2r-spot[data-visible=true]{opacity:1}.a2r-sol-foot{border-top:1px solid color-mix(in oklch, var(--brand-ink) 12%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 2rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.a2r-sol-note{color:color-mix(in oklch, var(--brand-ink) 56%, var(--brand-canvas));margin:0;font-size:.8125rem}.a2r-sol-closing{color:color-mix(in oklch, var(--brand-ink) 72%, var(--brand-canvas));margin:0;font-size:1rem}.a2r-sol-closing a{color:var(--brand-primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--brand-primary) 35%, transparent);text-decoration-color:color-mix(in oklch, var(--brand-primary) 35%, transparent);text-underline-offset:5px;border-radius:.2rem;font-weight:600}.a2r-sol-closing a:hover{-webkit-text-decoration-color:var(--brand-primary);text-decoration-color:var(--brand-primary)}@media (min-width:64rem){.a2r-solutions{border-radius:2rem 2rem 0 0;padding-block:6rem 6.5rem}.a2r-sol-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:3.5rem;margin-top:3.5rem}.a2r-sol-stage{aspect-ratio:16/11;border-radius:1.5rem;order:0;height:auto}.a2r-sol-ui[data-ui=sistema]{width:90cqw;font-size:1.45161cqw}.a2r-sol-ui[data-ui=portal]{width:82cqw;font-size:1.51852cqw}.a2r-sol-ui[data-ui=app]{width:29cqw;font-size:1.38095cqw;top:50%;translate:-50% -50%}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:64rem){.a2r-scene{view-timeline:--a2r block;view-timeline-inset:0px;height:210svh}.a2r-stage{position:sticky;top:0}.a2r .a2-copy,.a2r-control{animation:linear both a2-fade-up;animation-timeline:--a2r;animation-range:contain 0 contain 20vh}.a2r .a2-ui[data-role=main] .a2-ui-exit{animation:linear both a2-vanish;animation-timeline:--a2r;animation-range:contain 1vh contain 5vh}.a2r .a2-ui[data-role=secondary] .a2-ui-exit{animation:linear both a2-drift;animation-timeline:--a2r;animation-range:contain 0 contain 24vh}.a2r-layers-stage{animation:linear both a2-appear;animation-timeline:--a2r;animation-range:contain 1vh contain 5vh;display:block}.a2r-layers-stage .a2r-layers-body{animation:linear both a2r-assemble;animation-timeline:--a2r;animation-range:contain 0 contain 92vh}.a2r-layers-stage .a2r-layer{animation:linear both a2r-split;animation-timeline:--a2r;animation-range:contain 0 contain 92vh}.a2r-layers-stage .a2r-layer:not([data-layer=experiencia]) .a2r-layer-surface,.a2r-layers-stage .a2r-layer-tag{animation:linear both a2r-reveal;animation-timeline:--a2r;animation-range:contain 0 contain 92vh}.a2r-layers-stage .a2r-layer-tag{animation-name:a2r-tags}.a2r-mlayers{display:none}.a2r-solutions{margin-top:-22svh}}@media (prefers-reduced-motion:no-preference) and (not (min-width:64rem)){.a2r-mlayers{view-timeline:--a2r-m block;view-timeline-inset:0px;height:180svh}.a2r-mlayers-stage{height:100svh;padding-top:var(--site-header-height);position:sticky;top:0}.a2r-layers-panel .a2r-layers-body{--m-tx:0px;--m-ty:1rem;--m-s:.86;--i-tx:-17vw;--i-ty:2.5rem;--i-s:.5;--e-tx:0px;--e-ty:1rem;--e-s:.86;animation:linear both a2r-assemble;animation-timeline:--a2r-m;animation-range:contain 0 contain 80vh}.a2r-layers-panel .a2r-layer{animation:linear both a2r-split;animation-timeline:--a2r-m;animation-range:contain 0 contain 80vh}.a2r-layers-panel .a2r-layer:not([data-layer=experiencia]) .a2r-layer-surface{animation:linear both a2r-reveal;animation-timeline:--a2r-m;animation-range:contain 0 contain 80vh}.a2r-layers-panel .a2r-layer-tag{animation:linear both a2r-tags;animation-timeline:--a2r-m;animation-range:contain 0 contain 80vh}.a2r-solutions{margin-top:-24svh}}}@keyframes a2r-assemble{0%{transform:translate3d(var(--m-tx), var(--m-ty), 0) rotateX(0deg) rotateZ(0deg) scale(var(--m-s));animation-timing-function:cubic-bezier(.6,0,.25,1)}38%,64%{transform:translate3d(var(--i-tx), var(--i-ty), 0) rotateX(56deg) rotateZ(-34deg) scale(var(--i-s));animation-timing-function:cubic-bezier(.6,0,.25,1)}to{transform:translate3d(var(--e-tx), var(--e-ty), 0) rotateX(0deg) rotateZ(0deg) scale(var(--e-s))}}@keyframes a2r-split{0%,8%{animation-timing-function:cubic-bezier(.5,0,.25,1);transform:translateZ(0)}40%{transform:translateZ(calc(var(--layer) * var(--gap)))}62%{transform:translateZ(calc(var(--layer) * var(--gap) * 1.12));animation-timing-function:cubic-bezier(.6,0,.3,1)}90%,to{transform:translateZ(0)}}@keyframes a2r-reveal{0%,6%{opacity:0}20%,84%{opacity:1}96%,to{opacity:0}}@keyframes a2r-tags{0%,34%{opacity:0}42%,62%{opacity:1}70%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.a2r-control-line,.a2r-sol-tab,.a2r-sol-tab:before,.a2r-sol-tab-line,.a2r-sol-ui,.a2r-spot,.a2r-layer-ui{transition:none;animation:none}}.a2r .a2u-fld{overflow:hidden}