/* Órbitas da seção Nossa visão. A marca e os nomes mantêm sua orientação. */
.perspective{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:6%;overflow:hidden}
.orbital-system{min-width:0}
.orbital-system .perspective-art{height:auto;aspect-ratio:1.12;min-height:460px;margin:0;border:0;border-radius:0;box-shadow:none;isolation:isolate;background:radial-gradient(ellipse at center,#d4e4dd99,transparent 59%)}
.orbit-track{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #a3b8af70;border-radius:50%;pointer-events:none}
.orbit-track-outer{width:80%;height:84%;border-color:#9eb3aa99}
.orbit-track-middle{width:60%;height:62%;border-style:dashed;border-color:#a3b8af60}
.orbit-track-inner{width:42%;height:40%;border-color:#b39a6245}
.orbital-system .perspective-core{width:clamp(136px,14vw,200px);height:110px;border-radius:22px;border:1px solid #fff;background:linear-gradient(135deg,#fffffff5,#f6f7eff0);box-shadow:0 16px 45px #12352e12,0 0 65px #d6b86819;letter-spacing:normal;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:22px;z-index:2}
.perspective-core img{width:100%;height:auto;filter:none}
.perspective-core span{font:600 7px/1.4 var(--font);letter-spacing:1.3px;color:#6c7978;text-align:center}
.orbit-topics{list-style:none;margin:0;padding:0}
.orbit-topic{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #c3cfc3;border-radius:30px;background:#f9faf5;box-shadow:0 5px 15px #163c3010;white-space:nowrap;font:500 11px/1.2 var(--font);color:#334c4c;z-index:3}
.orbit-topic::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d6fbf5,#4b969e 70%);box-shadow:0 0 0 3px #82bec015}
.orbit-topic:nth-child(even)::before{background:radial-gradient(circle at 30% 25%,#ffe7a2,#b08a3d 70%);box-shadow:0 0 0 3px #caa44b15}
.orbit-satellite{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#78aeb5;box-shadow:0 0 11px #80b9bc80;pointer-events:none}
.satellite-one{left:80%}.satellite-two{left:20%;background:#bb9448}.satellite-three{top:30%;background:#bb9448;width:4px;height:4px}
.orbit-caption{display:flex;align-items:center;justify-content:center;gap:18px;min-height:44px;margin-top:12px}
.orbit-caption>span{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:#65766d}
.orbit-caption>span i{width:4px;height:4px;border-radius:50%;background:#ad893e}
.orbit-toggle{min-height:44px;padding:8px 10px;display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#485e55;cursor:pointer;font:500 10px var(--font)}
.orbit-toggle[hidden]{display:none}
.orbit-toggle:hover{color:#132d32}
.orbit-toggle span{font-size:12px}
@media(min-width:801px) and (max-width:1100px){.orbit-topic{font-size:9px;padding:8px;gap:5px}.orbital-system .perspective-art{min-height:440px}.orbit-caption{gap:4px}.orbit-caption>span{font-size:6px}}
@media(max-width:800px){
  .perspective{grid-template-columns:1fr;gap:44px;padding-top:50px}
  .orbital-system{max-width:540px;width:100%;margin:auto}
  .orbital-system .perspective-art{aspect-ratio:auto;height:480px;min-height:0}
  .orbital-system .perspective-core{width:132px;height:94px;padding:18px;gap:13px;border-radius:19px}
  .perspective-core span{font-size:6px;letter-spacing:.8px}
  .orbit-topic{font-size:9px;padding:8px 9px;gap:5px}
  .orbit-topic::before{width:5px;height:5px}
  .orbit-caption{gap:6px;margin-top:0}
  .orbit-caption>span{font-size:6px;letter-spacing:.7px}
}
@media(max-width:360px){.orbit-topic{font-size:8px;padding:8px 6px;gap:4px}.orbital-system .perspective-core{width:118px}}

/* Marcas vetoriais e exploração das frentes. */
.orbital-system .perspective-art{min-height:550px}
.orbital-system .perspective-core{background:none;border:0;box-shadow:none;padding:0;width:clamp(140px,16vw,220px);gap:20px}
.orbit-topic{padding:0;border:0;border-radius:0;background:none;box-shadow:none;white-space:normal}
.orbit-topic::before{display:none}
.orbit-front{display:flex;flex-direction:column;align-items:center;gap:5px;width:108px;min-height:92px;padding:3px;border:0;background:none;cursor:pointer;color:var(--sector);font:600 11px/1.3 var(--font)}
.orbit-front>img{width:66px;height:66px;border-radius:50%;background:#f5f7f1;transition:transform .25s,box-shadow .25s}
.orbit-front>span{padding:3px 8px;border-radius:12px;background:#edf0e9ee}
.orbit-front:hover>img,.orbit-front:focus-visible>img{transform:scale(1.08);box-shadow:0 5px 22px #1b483a16}
.orbit-front:focus-visible{outline:2px solid var(--sector);outline-offset:3px;border-radius:12px}
.orbit-preview{position:fixed;z-index:30;width:280px;max-width:calc(100vw - 24px);padding:22px;background:#fffffc;border:1px solid #dce3da;border-radius:18px;box-shadow:0 20px 70px #08243230;animation:front-preview-in .18s ease-out}
.orbit-preview[hidden]{display:none}
.front-heading{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid #e3e7df}
.front-heading>img{width:54px;height:54px;flex:none}
.front-heading p{font-size:7px;letter-spacing:1.3px;color:#718076;margin-bottom:6px}
.front-heading h3{font-size:25px;color:var(--sector);letter-spacing:-.04em}
.front-services{list-style:none;padding:14px 0 0;margin:0;display:grid;gap:13px}
.front-services li{display:flex;align-items:center;gap:12px;font-size:13px;color:#344952;line-height:1.4}
.front-services img{flex:none;width:21px;height:21px}
.front-hint{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#718076;margin-top:18px;padding-top:13px;border-top:1px solid #e3e7df}
.front-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100svh - 40px);margin:auto;padding:38px;border:1px solid #fff;border-radius:25px;color:var(--ink);background:#fafbf6;box-shadow:0 35px 100px #001b3344;overflow:auto}
.front-dialog[open]{animation:front-zoom-in .3s cubic-bezier(.2,.8,.2,1)}
.front-modal-open{overflow:hidden}
.orbit-preview{cursor:zoom-in}
.front-dialog::backdrop{background:#04192788;backdrop-filter:blur(7px)}
.front-close{display:grid;place-items:center;margin:0 0 8px auto;width:44px;height:44px;border:1px solid #d7dfd7;border-radius:50%;background:transparent;font:28px/1 var(--font);color:#496273;cursor:pointer}
.front-dialog .front-heading>img{width:80px;height:80px}
.front-dialog h3{font-size:36px}
.front-dialog .front-services{gap:0;padding-top:20px}
.front-dialog .front-services li{padding:14px 0;border-bottom:1px solid #e3e7df;font-size:16px;gap:18px}
.front-dialog .front-services img{width:26px;height:26px}
.front-dialog-note{margin-top:24px;font-size:12px;line-height:1.8;color:#718076}
.front-contact{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:20px;padding:15px 18px;border-radius:9px;background:var(--navy);color:#fff;font-size:12px}
.group-values{padding:0 5.5% 70px;background:#edf0e9;text-align:center}
.group-values>p{font-size:clamp(16px,1.7vw,24px);line-height:1.6;letter-spacing:-.025em;color:#496273;margin:0 auto 34px;max-width:800px}
.group-values ul{display:grid;grid-template-columns:repeat(6,1fr);max-width:1300px;margin:auto;padding:26px 12px;list-style:none;background:#ffffff80;border:1px solid #fff;border-radius:22px;box-shadow:0 12px 35px #183e3010}
.group-values li{display:flex;justify-content:center;align-items:center;gap:12px;font-size:10px;letter-spacing:.8px;text-transform:uppercase;border-right:1px solid #d4ded4}
.group-values li:last-child{border:0}
@keyframes front-preview-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes front-zoom-in{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.orbit-front{width:96px;font-size:10px}.orbit-front>img{width:58px;height:58px}.group-values li{gap:8px;font-size:8px}}
@media(max-width:800px){
 .orbital-system .perspective-art{height:560px;min-height:0}
 .orbital-system .perspective-core{width:142px}
 .orbit-front{width:94px;font-size:10px}
 .orbit-front>img{width:58px;height:58px}
 .orbit-caption>span{font-size:6px}
 .group-values{padding:0 6% 50px}
 .group-values ul{grid-template-columns:repeat(2,1fr);padding:12px;gap:0;border-radius:18px}
 .group-values li{justify-content:flex-start;padding:16px 12px;font-size:9px;border:0}
 .group-values li:nth-child(odd){border-right:1px solid #d4ded4}
 .group-values li img{width:24px;height:24px}
 .front-dialog{padding:22px}
 .front-dialog h3{font-size:30px}
 .front-dialog .front-heading>img{width:64px;height:64px}
}
@media(prefers-reduced-motion:reduce){.orbit-front>img,.front-dialog[open],.orbit-preview{animation:none;transition:none}}