.PilhaArquitetura-module__n9Z24q__cena{--lado:clamp(190px, 24vw, 330px);--passo:calc(var(--lado) * .24);perspective:1800px;min-height:calc(var(--lado) * 1.55);padding-top:calc(var(--lado) * .35);place-items:center;display:grid}.PilhaArquitetura-module__n9Z24q__base{margin-right:calc(var(--lado) * .62);width:var(--lado);height:var(--lado);position:relative}.PilhaArquitetura-module__n9Z24q__palco{transform-style:preserve-3d;transform:rotateX(calc(58deg - var(--my) * 5deg)) rotateZ(calc(-42deg + var(--mx) * 7deg));position:absolute;inset:0}.PilhaArquitetura-module__n9Z24q__camada{transform-style:preserve-3d;transform:translateZ(calc(var(--z) * var(--passo)));background:linear-gradient(90deg,#8fb0ff1a 1px,#0000 1px) 0 0/12.5% 12.5%,linear-gradient(#8fb0ff1a 1px,#0000 1px) 0 0/12.5% 12.5%,#10205ad6;border-radius:14px;outline:1px solid #3975ff8c;position:absolute;inset:0;box-shadow:0 0 0 1px #3975ff14,0 30px 50px -30px #0009}.PilhaArquitetura-module__n9Z24q__ui{background:linear-gradient(90deg,#8fb0ff1f 1px,#0000 1px) 0 0/12.5% 12.5%,linear-gradient(#8fb0ff1f 1px,#0000 1px) 0 0/12.5% 12.5%,#2447d69e;outline-color:#8fb0ffe6}.PilhaArquitetura-module__n9Z24q__modulos{transform-style:preserve-3d;grid-template-columns:repeat(2,1fr);gap:12%;display:grid;position:absolute;inset:16%}.PilhaArquitetura-module__n9Z24q__modulos span{background:#3975ff3d;border-radius:6px;outline:1px solid #8fb0ff8c;transform:translateZ(6px)}.PilhaArquitetura-module__n9Z24q__ui .PilhaArquitetura-module__n9Z24q__modulos{grid-template-rows:1fr 1fr;grid-template-columns:1.6fr 1fr}.PilhaArquitetura-module__n9Z24q__ui .PilhaArquitetura-module__n9Z24q__modulos span:first-child{grid-row:span 2}.PilhaArquitetura-module__n9Z24q__dados .PilhaArquitetura-module__n9Z24q__modulos span{border-radius:50%}.PilhaArquitetura-module__n9Z24q__modulos .PilhaArquitetura-module__n9Z24q__destaque{box-shadow:none;clip-path:polygon(50% 0,100% 100%,74% 100%,50% 38%,26% 100%,0 100%);background:#35d7ffe6;border-radius:0;outline:none}.PilhaArquitetura-module__n9Z24q__conector{width:2px;height:var(--passo);transform-origin:top;background:linear-gradient(#3975ffb3,#3975ff26);position:absolute;top:30%;left:30%;transform:rotateX(90deg)}.PilhaArquitetura-module__n9Z24q__conectorB{top:68%;left:70%}.PilhaArquitetura-module__n9Z24q__conector i{background:var(--color-blue-300);width:8px;height:8px;box-shadow:0 0 12px var(--color-blue-400);opacity:0;border-radius:50%;position:absolute;top:0;left:-3px}.PilhaArquitetura-module__n9Z24q__conector i.PilhaArquitetura-module__n9Z24q__pacoteSinal{background:var(--color-cyan-400);box-shadow:0 0 12px var(--color-cyan-400)}.PilhaArquitetura-module__n9Z24q__rotulos{pointer-events:none;position:absolute;inset:0}.PilhaArquitetura-module__n9Z24q__rotulo{left:calc(50% + var(--lado) * .72);top:calc(50% + var(--lado) * (.02 - .2035 * var(--z)) - var(--lado) * .03 * var(--z));white-space:nowrap;flex-direction:column;gap:2px;padding-left:14px;font-size:clamp(10px,.5vw + 6px,13px);display:flex;position:absolute;transform:translateY(-50%)}.PilhaArquitetura-module__n9Z24q__rotulo b{color:#fff;font-size:1.1em;font-weight:600}.PilhaArquitetura-module__n9Z24q__rotulo small{color:var(--color-blue-300);font-family:var(--font-sans);font-size:.92em}.PilhaArquitetura-module__n9Z24q__rotulo:before{content:"";background:var(--color-sinal);width:8px;height:1px;position:absolute;top:.7em;left:0}@media (prefers-reduced-motion:no-preference){.PilhaArquitetura-module__n9Z24q__rotulo{animation:PilhaArquitetura-module__n9Z24q__aparece .8s var(--ease-out-soft) both;animation-delay:calc(.5s + var(--z) * .12s)}.PilhaArquitetura-module__n9Z24q__camada{animation:PilhaArquitetura-module__n9Z24q__monta 1.1s var(--ease-out-soft) both;animation-delay:calc(var(--z) * .12s)}.PilhaArquitetura-module__n9Z24q__conector i{animation:PilhaArquitetura-module__n9Z24q__sobe 2.6s var(--ease-in-out-soft) infinite}}@keyframes PilhaArquitetura-module__n9Z24q__aparece{0%{opacity:0;translate:-10px}}@keyframes PilhaArquitetura-module__n9Z24q__monta{0%{opacity:0;transform:translateZ(calc(var(--z) * var(--passo) + 120px))}}@keyframes PilhaArquitetura-module__n9Z24q__sobe{0%{opacity:0;top:0}15%,85%{opacity:1}to{opacity:0;top:100%}}@media (max-width:767px){.PilhaArquitetura-module__n9Z24q__cena{--lado:150px}.PilhaArquitetura-module__n9Z24q__palco{margin-right:calc(var(--lado) * .75)}.PilhaArquitetura-module__n9Z24q__rotulo small{display:none}.PilhaArquitetura-module__n9Z24q__rotulo{left:calc(50% + var(--lado) * .7)}}