#hive-ecossistema-wireframe{color:var(--ink);background:var(--canvas);padding:78px max(64px,calc((100vw - 1280px)/2)) 64px}
#hive-ecossistema-wireframe .section{max-width:1280px;margin:auto}
#hive-ecossistema-wireframe .eco-heading{position:relative}
#hive-ecossistema-wireframe .eco-index{font:14px 'Bebas Neue',Impact,sans-serif;letter-spacing:1px;color:var(--blue)}
#hive-ecossistema-wireframe h2{font:700 clamp(38px,4.4vw,64px)/1.05 Gilroy,Arial;letter-spacing:-2px;margin:17px 0}
#hive-ecossistema-wireframe .intro{font-size:18px;color:var(--muted);margin:0;line-height:1.5}
#hive-ecossistema-wireframe .map{height:580px;position:relative;margin:48px 0 32px;isolation:isolate}
#hive-ecossistema-wireframe .map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#hive-ecossistema-wireframe .ring{fill:none;stroke:#d9dce3;stroke-width:1}
#hive-ecossistema-wireframe .connection{stroke:#d9dce3;stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .25s}
#hive-ecossistema-wireframe .connection.selected{stroke:var(--blue);stroke-width:2;stroke-dasharray:5 4;animation:signal 850ms linear 1}
@keyframes signal{from{stroke-dashoffset:27}to{stroke-dashoffset:0}}
#hive-ecossistema-wireframe .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:var(--blue);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 2px 2px rgba(255,255,255,.5),inset 0 -5px 0 #1030cc,0 5px 0 #d7dce9,0 20px 36px -14px rgba(17,18,22,.28);z-index:2}
#hive-ecossistema-wireframe .hub img{width:65px;height:70px;object-fit:contain}
#hive-ecossistema-wireframe .node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:154px;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;border:1px solid #fff;border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(231,232,235,.85));backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);color:var(--ink);font:700 19px/1.1 Gilroy,Arial;box-shadow:inset 0 -2px 0 rgba(212,214,220,.45),0 4px 0 rgba(212,214,220,.35),0 14px 26px -16px rgba(17,18,22,.28);cursor:pointer;z-index:3;transition:transform 250ms var(--ease),background 250ms,box-shadow 250ms,color 250ms}
#hive-ecossistema-wireframe .node small{font:13px 'Bebas Neue',Impact,sans-serif;letter-spacing:1.3px;color:var(--muted)}
#hive-ecossistema-wireframe .node[aria-pressed=true]{color:white;background:var(--blue);border-color:var(--blue);box-shadow:inset 0 1px 1px rgba(255,255,255,.45),inset 0 -3px 0 #1030cc,0 5px 0 #d7dce9,0 15px 28px -14px rgba(20,60,255,.4);transform:translate(-50%,calc(-50% - 4px))}
#hive-ecossistema-wireframe .node[aria-pressed=true] small{color:white}
#hive-ecossistema-wireframe button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
#hive-ecossistema-wireframe .mobile-label{display:none}
#hive-ecossistema-wireframe .cycle{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px;padding:22px 0;border-block:1px solid var(--line);font:15px 'Bebas Neue',Impact,sans-serif;letter-spacing:1px;color:var(--muted)}
#hive-ecossistema-wireframe .cycle [aria-hidden]{color:var(--blue)}
#hive-ecossistema-wireframe .panel{display:grid;grid-template-columns:1fr 1.7fr;gap:48px;min-height:215px;padding:36px 0}
#hive-ecossistema-wireframe .panel small{font:13px 'Bebas Neue',Impact,sans-serif;letter-spacing:1px;color:var(--muted)}
#hive-ecossistema-wireframe h3{font:700 30px/1.1 Gilroy,Arial;letter-spacing:-.7px;color:var(--blue);margin:12px 0 0}
#hive-ecossistema-wireframe .description{font-size:20px;line-height:1.5;margin:10px 0 0;max-width:690px}
#hive-ecossistema-wireframe .scope-note{margin:0;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.5}
@media(hover:hover){#hive-ecossistema-wireframe .node:hover{transform:translate(-50%,calc(-50% - 4px));box-shadow:inset 0 -2px 0 rgba(212,214,220,.45),0 6px 0 rgba(212,214,220,.35),0 18px 30px -16px rgba(17,18,22,.35)}}
@media(max-width:1000px) and (min-width:701px){#hive-ecossistema-wireframe{padding-inline:30px}#hive-ecossistema-wireframe .node{width:122px;font-size:17px}.map{height:560px}}
@media(max-width:700px){#hive-ecossistema-wireframe{padding:48px 24px 40px}#hive-ecossistema-wireframe h2{font-size:39px;letter-spacing:-1.4px}#hive-ecossistema-wireframe .intro{font-size:16px}#hive-ecossistema-wireframe .map{height:auto;margin:30px 0}#hive-ecossistema-wireframe .map svg{display:none}#hive-ecossistema-wireframe .hub{position:relative;left:auto;top:auto;transform:none;margin:0 auto 28px;width:86px;height:86px}#hive-ecossistema-wireframe .hub img{width:48px;height:55px}#hive-ecossistema-wireframe .group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}#hive-ecossistema-wireframe .mobile-label{display:block;grid-column:1/-1;font:13px 'Bebas Neue',Impact,sans-serif;letter-spacing:1px;color:var(--muted);padding:4px 0}#hive-ecossistema-wireframe .node{position:static;width:auto;transform:none;min-height:74px;font-size:18px;border-radius:13px}#hive-ecossistema-wireframe .node[aria-pressed=true],#hive-ecossistema-wireframe .node:hover{transform:translateY(-2px)}#hive-ecossistema-wireframe .cycle{gap:10px;font-size:12px;padding:17px 0}#hive-ecossistema-wireframe .panel{grid-template-columns:1fr;gap:20px;min-height:275px;padding:28px 0}#hive-ecossistema-wireframe .description{font-size:18px}#hive-ecossistema-wireframe h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){#hive-ecossistema-wireframe *{animation:none!important;transition:none!important}}
/* Azul HIVE e vidro acetinado: sem textura mineral ou marca ampliada. */
#hive-ecossistema-wireframe{position:relative;isolation:isolate;overflow:hidden;background:#143cff;color:#fff;padding-top:74px}
#hive-ecossistema-wireframe:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 47%,rgba(255,255,255,.07));}
#hive-ecossistema-wireframe .eco-index{color:rgba(255,255,255,.65)}
#hive-ecossistema-wireframe .intro{color:rgba(255,255,255,.78)}
#hive-ecossistema-wireframe .map{height:570px;margin:48px 0 26px}
#hive-ecossistema-wireframe .map:before{content:'';position:absolute;inset:7% 9%;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.16);pointer-events:none;z-index:-1}
#hive-ecossistema-wireframe .ring{stroke:rgba(255,255,255,.21);stroke-width:1}
#hive-ecossistema-wireframe .connection{stroke:rgba(255,255,255,.17);stroke-width:1}
#hive-ecossistema-wireframe .connection.selected{stroke:rgba(255,255,255,.9);stroke-width:1.6;stroke-dasharray:none;animation:none}
#hive-ecossistema-wireframe .node{width:160px;min-height:78px;border-radius:17px;background:rgba(231,232,235,.17);border:1px solid rgba(255,255,255,.38);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 12px 22px -17px rgba(0,20,100,.35);font-size:19px;transition:background 200ms,color 200ms,transform 200ms var(--ease)}
#hive-ecossistema-wireframe .node small{color:rgba(255,255,255,.65)}
#hive-ecossistema-wireframe .node[aria-pressed=true]{background:rgba(244,244,248,.92);border-color:#fff;color:#143cff;box-shadow:inset 0 1px 0 #fff,0 12px 30px -20px rgba(0,15,80,.5);transform:translate(-50%,calc(-50% - 3px))}
#hive-ecossistema-wireframe .node[aria-pressed=true] small{color:#585c65}
#hive-ecossistema-wireframe .hub{width:116px;height:116px;background:rgba(231,232,235,.15);border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 30px -20px rgba(0,15,80,.3)}
#hive-ecossistema-wireframe .hub:before{content:'';position:absolute;inset:-8px;border:1px solid rgba(255,255,255,.16);border-radius:50%;pointer-events:none}
#hive-ecossistema-wireframe .cycle{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.75);border-bottom:0;font-size:14px}
#hive-ecossistema-wireframe .cycle [aria-hidden]{color:#fff}
#hive-ecossistema-wireframe .panel{padding:30px 34px;margin:0 0 24px;min-height:195px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:rgba(244,244,248,.92);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);color:#111216;box-shadow:0 18px 40px -28px rgba(0,15,80,.35)}
#hive-ecossistema-wireframe .scope-note{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.72)}
#hive-ecossistema-wireframe button:focus-visible{outline-color:white}
#hive-ecossistema-wireframe .eco-signal{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:white;opacity:0;pointer-events:none;z-index:1}
@media(hover:hover){#hive-ecossistema-wireframe .node:hover{background:rgba(231,232,235,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 25px -19px rgba(0,15,80,.4);transform:translate(-50%,calc(-50% - 3px))}#hive-ecossistema-wireframe .node[aria-pressed=true]:hover{background:rgba(244,244,248,.95)}}
@media(max-width:1000px) and (min-width:701px){#hive-ecossistema-wireframe .node{width:122px}}
@media(max-width:700px){#hive-ecossistema-wireframe .map{height:auto;margin:30px 0}#hive-ecossistema-wireframe .map:before{display:none}#hive-ecossistema-wireframe .hub{width:86px;height:86px;margin-bottom:30px}#hive-ecossistema-wireframe .mobile-label{color:rgba(255,255,255,.7)}#hive-ecossistema-wireframe .node{width:auto;min-height:76px;font-size:18px}#hive-ecossistema-wireframe .node[aria-pressed=true],#hive-ecossistema-wireframe .node:hover{transform:translateY(-2px)}#hive-ecossistema-wireframe .panel{padding:24px;min-height:310px}#hive-ecossistema-wireframe .description{font-size:17px}#hive-ecossistema-wireframe .cycle{font-size:12px}}
/* Referência específica: curvas topográficas azuis sob superfícies foscas. */
#hive-ecossistema-wireframe{background:#e3e8f2;color:#111216;isolation:isolate}
#hive-ecossistema-wireframe:before{background:url('contours-hive.svg') center/cover no-repeat;z-index:-1;opacity:1}
#hive-ecossistema-wireframe .eco-index{color:#143cff}
#hive-ecossistema-wireframe .intro{color:#585c65}
#hive-ecossistema-wireframe .map:before{display:none}
#hive-ecossistema-wireframe .ring{opacity:0}
#hive-ecossistema-wireframe .connection{stroke:rgba(20,60,255,.09)}
#hive-ecossistema-wireframe .connection.selected{stroke:#143cff;stroke-width:1.5}
#hive-ecossistema-wireframe .node{color:#111216;background:rgba(247,249,255,.38);border-color:rgba(255,255,255,.85);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);box-shadow:inset 0 1px 0 #fff,0 14px 28px -20px rgba(34,51,89,.32)}
#hive-ecossistema-wireframe .node small{color:#585c65}
#hive-ecossistema-wireframe .node[aria-pressed=true]{background:rgba(20,60,255,.86);color:#fff;border-color:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 15px 30px -20px rgba(20,60,255,.5)}
#hive-ecossistema-wireframe .node[aria-pressed=true] small{color:rgba(255,255,255,.8)}
#hive-ecossistema-wireframe .hub{background:rgba(20,60,255,.86);border-color:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 28px -18px rgba(20,60,255,.35)}
#hive-ecossistema-wireframe .hub:before{border-color:rgba(20,60,255,.15)}
#hive-ecossistema-wireframe .panel{background:rgba(247,249,255,.46);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 15px 35px -25px rgba(34,51,89,.3)}
#hive-ecossistema-wireframe .cycle{border-color:rgba(20,60,255,.12);color:#585c65}
#hive-ecossistema-wireframe .cycle [aria-hidden]{color:#143cff}
#hive-ecossistema-wireframe .scope-note{border-color:rgba(20,60,255,.12);color:#585c65}
#hive-ecossistema-wireframe button:focus-visible{outline-color:#143cff}
#hive-ecossistema-wireframe .eco-signal{background:#143cff}
@media(hover:hover){#hive-ecossistema-wireframe .node:hover{background:rgba(247,249,255,.64)}#hive-ecossistema-wireframe .node[aria-pressed=true]:hover{background:#143cff}}
@media(max-width:700px){#hive-ecossistema-wireframe:before{background-size:auto 100%;background-position:38% center}#hive-ecossistema-wireframe .mobile-label{color:#585c65}}
/* Ajustes orientados pela marcação: contraste, transparência e plano sobreposto. */
#hive-ecossistema-wireframe{background:#d3dae8}
#hive-ecossistema-wireframe:before{background-image:url('contours-hive.svg?v=3')}
#hive-ecossistema-wireframe .map{isolation:auto}
#hive-ecossistema-wireframe .map:before{display:block;content:'';position:absolute;inset:-18px -26px;border-radius:32px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(135deg,rgba(255,255,255,.19),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 24px 55px -32px rgba(29,48,91,.28);pointer-events:none;z-index:0;backdrop-filter:none;-webkit-backdrop-filter:none}
#hive-ecossistema-wireframe .map svg{z-index:1}
#hive-ecossistema-wireframe .node{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.88);backdrop-filter:blur(9px) saturate(1.1);-webkit-backdrop-filter:blur(9px) saturate(1.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 26px -17px rgba(29,48,91,.35)}
#hive-ecossistema-wireframe .node[aria-pressed=true]{background:rgba(20,60,255,.72);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
#hive-ecossistema-wireframe .panel{background:rgba(255,255,255,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(hover:hover){#hive-ecossistema-wireframe .node:hover{background:rgba(255,255,255,.23)}#hive-ecossistema-wireframe .node[aria-pressed=true]:hover{background:rgba(20,60,255,.8)}}
@media(max-width:700px){#hive-ecossistema-wireframe .map:before{display:block;inset:-12px -12px;border-radius:24px}}
/* Círculo fosco e papel de relevo fino. Painel inferior preservado. */
#hive-ecossistema-wireframe{background:#efeee9}
#hive-ecossistema-wireframe:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch' result='grain'/%3E%3CfeDiffuseLighting in='grain' lighting-color='%23ffffff' surfaceScale='1.1'%3E%3CfeDistantLight azimuth='225' elevation='55'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'/%3E%3C/svg%3E")}
#hive-ecossistema-wireframe .map{width:min(820px,100%);height:auto;aspect-ratio:1;margin:58px auto 42px}
#hive-ecossistema-wireframe .map:before{inset:-22px;border-radius:50%;background:rgba(255,255,255,.32);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);box-shadow:inset 1px 2px 0 rgba(255,255,255,.8),inset -1px -2px 0 rgba(20,60,255,.08),0 25px 55px -35px rgba(29,48,91,.3)}
#hive-ecossistema-wireframe .map:after{content:'';position:absolute;inset:-22px;border-radius:50%;padding:1.5px;background:conic-gradient(from 30deg,rgba(255,255,255,.95),rgba(20,60,255,.05),rgba(20,60,255,.4),rgba(255,255,255,.9),rgba(255,255,255,.08),rgba(255,255,255,.95));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:2}
#hive-ecossistema-wireframe .ring{opacity:1;stroke:url(#eco-orbit-gradient);stroke-width:1.2}
#hive-ecossistema-wireframe .connection{stroke:url(#eco-link-gradient);stroke-width:1.1}
#hive-ecossistema-wireframe .connection.selected{stroke:#143cff;stroke-width:1.6}
#hive-ecossistema-wireframe .node{width:138px;min-height:72px;font-size:18px}
#hive-ecossistema-wireframe .hub{width:100px;height:100px}
#hive-ecossistema-wireframe .hub img{width:58px;height:64px}
@media(max-width:1000px) and (min-width:701px){#hive-ecossistema-wireframe .map{width:calc(100% - 56px)}#hive-ecossistema-wireframe .node{width:116px;font-size:16px}}
@media(max-width:700px){#hive-ecossistema-wireframe .map{width:100%;height:auto;aspect-ratio:1;margin:40px auto 32px}#hive-ecossistema-wireframe .map:before,#hive-ecossistema-wireframe .map:after{inset:-12px;border-radius:50%}#hive-ecossistema-wireframe .map svg{display:block}#hive-ecossistema-wireframe .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;margin:0}#hive-ecossistema-wireframe .hub img{width:28px;height:33px}#hive-ecossistema-wireframe .hub:before{inset:-4px}#hive-ecossistema-wireframe .group{display:contents}#hive-ecossistema-wireframe .mobile-label{display:none}#hive-ecossistema-wireframe .node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:72px;min-height:44px;gap:2px;padding:7px 3px;font-size:11px;border-radius:10px}#hive-ecossistema-wireframe .node small{font-size:8px;letter-spacing:.7px}#hive-ecossistema-wireframe .node[aria-pressed=true],#hive-ecossistema-wireframe .node:hover{transform:translate(-50%,calc(-50% - 2px))}}
/* Faixa de leitura protegida das curvas decorativas. */
#hive-ecossistema-wireframe .cycle{position:relative;width:fit-content;max-width:100%;margin:0 auto 22px;padding:17px 28px;gap:24px;border:1px solid rgba(255,255,255,.95);border-radius:15px;background:rgba(247,247,244,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 9px 22px -18px rgba(17,18,22,.3);color:#111216;font-size:16px;letter-spacing:1px}
#hive-ecossistema-wireframe .cycle [aria-hidden]{color:#143cff;font-size:21px;line-height:1}
@media(max-width:700px){#hive-ecossistema-wireframe .cycle{width:100%;padding:15px 10px;gap:9px;font-size:12px;letter-spacing:.3px}#hive-ecossistema-wireframe .cycle [aria-hidden]{font-size:17px}}
/* Ampliação proporcional do ecossistema em telas maiores. */
@media(min-width:1001px){
#hive-ecossistema-wireframe .map{width:min(1060px,calc(100% - 48px));margin-top:64px;margin-bottom:48px}
#hive-ecossistema-wireframe .node{width:178px;min-height:92px;font-size:23px;gap:6px;border-radius:21px}
#hive-ecossistema-wireframe .node small{font-size:15px}
#hive-ecossistema-wireframe .hub{width:130px;height:130px}
#hive-ecossistema-wireframe .hub img{width:75px;height:83px}
#hive-ecossistema-wireframe .map:before,#hive-ecossistema-wireframe .map:after{inset:-28px}
}
/* Círculo no tamanho aprovado; conteúdo interno com mais presença. */
@media(min-width:1001px){
#hive-ecossistema-wireframe .map{width:min(820px,100%);margin-top:58px;margin-bottom:42px}
#hive-ecossistema-wireframe .node{width:158px;min-height:82px;font-size:21px;gap:5px;border-radius:19px}
#hive-ecossistema-wireframe .node small{font-size:14px}
#hive-ecossistema-wireframe .hub{width:140px;height:140px}
#hive-ecossistema-wireframe .hub img{width:93px;height:103px}
#hive-ecossistema-wireframe .map:before,#hive-ecossistema-wireframe .map:after{inset:-22px}
}
@media(min-width:701px) and (max-width:1000px){#hive-ecossistema-wireframe .hub{width:114px;height:114px}#hive-ecossistema-wireframe .hub img{width:76px;height:84px}}
@media(max-width:700px){#hive-ecossistema-wireframe .hub{width:56px;height:56px}#hive-ecossistema-wireframe .hub img{width:37px;height:41px}}

/* Ciclo com destaque e distribuição regular das soluções na órbita. */
#hive-ecossistema-wireframe .cycle{width:min(820px,100%);min-height:90px;padding:24px 30px;gap:30px;font-size:25px;letter-spacing:1px;border-radius:20px}
#hive-ecossistema-wireframe .cycle [aria-hidden]{font-size:29px}
@media(max-width:1000px) and (min-width:701px){#hive-ecossistema-wireframe .cycle{font-size:22px;gap:20px;padding-inline:20px}}
@media(max-width:700px){#hive-ecossistema-wireframe .cycle{min-height:76px;padding:20px 8px;gap:8px;font-size:16px;letter-spacing:.2px;border-radius:16px}#hive-ecossistema-wireframe .cycle [aria-hidden]{font-size:19px}}

/* Azul da marca sólido: seleção sem diluição pelo vidro. */
#hive-ecossistema-wireframe .node[aria-pressed=true],#hive-ecossistema-wireframe .hub{background:#143cff}
@media(hover:hover){#hive-ecossistema-wireframe .node[aria-pressed=true]:hover{background:#143cff}}

/* As curvas e a textura se dissipam antes da seção de cases. */
#hive-ecossistema-wireframe:before,#hive-ecossistema-wireframe:after{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 220px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 220px),transparent 100%)}

/* Descrição junto à seleção, sem exigir rolagem até o rodapé do mapa. */
#hive-ecossistema-wireframe .eco-detail-close{display:none}
@media(min-width:1101px){
#hive-ecossistema-wireframe{padding-inline:64px}
#hive-ecossistema-wireframe .section{max-width:1480px;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(320px,1fr);column-gap:76px;align-items:center}
#hive-ecossistema-wireframe .eco-heading{grid-column:1/-1}
#hive-ecossistema-wireframe .map{grid-column:1;grid-row:2;width:100%;max-width:820px;margin:58px auto 42px}
#hive-ecossistema-wireframe .panel{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:28px;padding:34px;min-height:330px;margin:0;position:sticky;top:48px;align-self:center;background:rgba(255,255,255,.48)}
#hive-ecossistema-wireframe .panel h3{font-size:32px;overflow-wrap:anywhere}
#hive-ecossistema-wireframe .description{font-size:22px;line-height:1.5;margin-top:12px}
#hive-ecossistema-wireframe .cycle{grid-column:1;grid-row:3;width:100%;gap:20px;font-size:22px;padding-inline:18px}
#hive-ecossistema-wireframe .scope-note{grid-column:1/-1;grid-row:4;margin-top:16px}
#hive-ecossistema-wireframe .node{width:clamp(112px,10vw,158px);font-size:clamp(16px,1.35vw,21px);min-height:72px}
#hive-ecossistema-wireframe .hub{width:clamp(88px,8.8vw,140px);height:clamp(88px,8.8vw,140px)}
#hive-ecossistema-wireframe .hub img{width:66%;height:74%}
}
@media(max-width:1100px){
#hive-ecossistema-wireframe .panel{display:none;position:fixed;inset:auto 16px 16px;z-index:30;max-height:46svh;overflow-y:auto;margin:0;padding:28px;min-height:0;grid-template-columns:1fr;gap:16px;background:rgba(244,244,242,.92);box-shadow:0 16px 60px rgba(17,18,22,.22);backdrop-filter:blur(24px)}
#hive-ecossistema-wireframe.eco-detail-open .panel{display:grid}
#hive-ecossistema-wireframe .panel>div:first-of-type{padding-right:30px}
#hive-ecossistema-wireframe .eco-detail-close{display:grid;place-items:center;position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid #d4d6dc;background:#fff;color:#111216;font-size:23px;cursor:pointer}
}

/* Composição bilateral: duas metades iguais e um eixo central único. */
@media(min-width:1101px){
#hive-ecossistema-wireframe .section{display:block;max-width:1440px}
#hive-ecossistema-wireframe .eco-heading{text-align:center}
#hive-ecossistema-wireframe .eco-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;margin:54px 0 40px;padding:40px;border:1px solid rgba(255,255,255,.85);border-radius:32px;background:rgba(255,255,255,.19);box-shadow:inset 0 1px 0 #fff,0 20px 45px -35px rgba(29,48,91,.25);position:relative}
#hive-ecossistema-wireframe .eco-stage:after{content:'';position:absolute;left:50%;top:14%;bottom:14%;width:1px;background:linear-gradient(transparent,rgba(20,60,255,.2),transparent);pointer-events:none}
#hive-ecossistema-wireframe .map{grid-column:1;grid-row:1;width:100%;max-width:none;margin:0;container-type:inline-size}
#hive-ecossistema-wireframe .map:before,#hive-ecossistema-wireframe .map:after{inset:-12px}
#hive-ecossistema-wireframe .node{width:24cqw;min-height:12cqw;font-size:clamp(13px,3.1cqw,20px);padding:8px 4px;border-radius:14px;gap:3px}
#hive-ecossistema-wireframe .node small{font-size:clamp(9px,2cqw,13px)}
#hive-ecossistema-wireframe .hub{width:20cqw;height:20cqw}
#hive-ecossistema-wireframe .panel{grid-column:2;grid-row:1;position:relative;top:auto;min-height:0;width:100%;height:100%;padding:32px;justify-content:center;gap:28px;background:none;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;align-self:stretch}
#hive-ecossistema-wireframe .panel h3{font-size:clamp(30px,2.8vw,42px);margin-top:14px}
#hive-ecossistema-wireframe .description{font-size:clamp(20px,1.65vw,24px);line-height:1.5;max-width:440px}
#hive-ecossistema-wireframe .cycle{width:100%;max-width:100%;margin:0 auto 24px;gap:36px;font-size:24px}
#hive-ecossistema-wireframe .scope-note{text-align:center}
}
@media(min-width:1101px){#hive-ecossistema-wireframe .eco-stage{background:rgba(255,255,255,.38);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}

/* Proporções internas e interação por toque. */
.eco-detail-nav{display:none}
@media(min-width:1101px){
#hive-ecossistema-wireframe .node{width:20cqw;min-height:10.5cqw;font-size:clamp(13px,2.9cqw,19px);border-radius:12px;gap:3px;padding:7px 3px}
#hive-ecossistema-wireframe .node small{font-size:clamp(9px,1.8cqw,12px);letter-spacing:.8px}
#hive-ecossistema-wireframe .hub{width:17cqw;height:17cqw}
#hive-ecossistema-wireframe .panel{padding:24px;gap:22px}
#hive-ecossistema-wireframe .panel h3{font-size:clamp(28px,2.5vw,36px)}
#hive-ecossistema-wireframe .description{font-size:clamp(18px,1.5vw,22px)}
}
@media(max-width:1100px){
#hive-ecossistema-wireframe .panel{inset:auto 12px max(12px,env(safe-area-inset-bottom));max-height:65svh;padding:28px 24px 20px;border-radius:24px;overscroll-behavior:contain;background:rgba(247,247,244,.97)}
#hive-ecossistema-wireframe .eco-detail-close{width:44px;height:44px;right:12px;top:12px}
#hive-ecossistema-wireframe .panel h3{font-size:28px;margin-top:10px}
#hive-ecossistema-wireframe .description{font-size:18px;line-height:1.5}
#hive-ecossistema-wireframe .eco-detail-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px solid #d4d6dc;font:14px Gilroy,Arial}
#hive-ecossistema-wireframe .eco-detail-nav button{height:44px;min-width:44px;padding:0 18px;border:0;border-radius:12px;background:#143cff;color:#fff;font:700 16px Gilroy,Arial;cursor:pointer}
}
@media(max-width:700px){
#hive-ecossistema-wireframe{padding:42px 18px 32px}
#hive-ecossistema-wireframe .eco-heading{text-align:center}
#hive-ecossistema-wireframe h2{font-size:36px}
#hive-ecossistema-wireframe .intro{max-width:290px;margin-inline:auto}
#hive-ecossistema-wireframe .map{width:100%;height:auto;aspect-ratio:auto;margin:28px auto 24px;padding:22px 14px 14px;border:1px solid #fff;border-radius:26px;background:rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#hive-ecossistema-wireframe .map:before,#hive-ecossistema-wireframe .map:after,#hive-ecossistema-wireframe .map svg{display:none}
#hive-ecossistema-wireframe .hub{position:relative;left:auto;top:auto;transform:none;width:82px;height:82px;margin:0 auto 24px}
#hive-ecossistema-wireframe .hub img{width:54px;height:60px}
#hive-ecossistema-wireframe .group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}
#hive-ecossistema-wireframe .mobile-label{display:block;grid-column:1/-1;font:13px 'Bebas Neue',sans-serif;letter-spacing:1px;color:#585c65;padding:6px 0}
#hive-ecossistema-wireframe .node{position:relative;left:auto;top:auto;transform:none;width:100%;min-height:68px;padding:12px 6px;font-size:17px;gap:5px;border-radius:14px}
#hive-ecossistema-wireframe .node small{font-size:10px;letter-spacing:1px}
#hive-ecossistema-wireframe .node:hover,#hive-ecossistema-wireframe .node[aria-pressed=true]{transform:none}
#hive-ecossistema-wireframe .cycle{font-size:14px;gap:7px;padding:16px 8px;min-height:64px;flex-wrap:nowrap}
#hive-ecossistema-wireframe .cycle [aria-hidden]{font-size:17px}
#hive-ecossistema-wireframe .scope-note{font-size:12px;text-align:center}
}

@media(max-width:700px){#hive-ecossistema-wireframe .node[data-name="Tech"]{grid-column:1/-1;justify-self:center;width:calc((100% - 10px)/2)}}