.ecosystem{position:relative;margin:0 0 60px;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#f5f8fc,#f5f5f7 75%);border:1px solid #e7edf4;padding:38px 32px 20px}

.ecosystem-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;position:relative;z-index:1}

.ecosystem-heading h3{font-size:32px;line-height:1.06;letter-spacing:-.035em}

.ecosystem-heading p{max-width:310px;font-size:16px;line-height:1.45;color:var(--muted)}

.ecosystem-stage{position:relative;aspect-ratio:1000/580;margin-top:30px;isolation:isolate}

.ecosystem-connections{position:absolute;width:100%;height:100%;inset:0;pointer-events:none;fill:none;stroke:#046bd240;stroke-width:1.5}

.ecosystem-connections path{vector-effect:non-scaling-stroke}

.ecosystem-logos{position:absolute;inset:0}

.ecosystem-node{position:absolute;left:var(--node-x);top:var(--node-y);width:78px;aspect-ratio:1;translate:-50% -50%;border:6px solid white;border-radius:50%;background:#fff;box-shadow:0 7px 24px #07356412}

.ecosystem-logo{display:block;width:100%;height:100%;border-radius:50%;background-image:url('/wp-content/plugins/capyme-experimento-1/public/secondary-assets/assets/ecosistema-online.webp');background-size:1066.6667% 600%;background-position:var(--logo-x) var(--logo-y);background-repeat:no-repeat}

.ecosystem-hub{position:absolute;left:50%;top:45%;translate:-50% -50%;width:252px;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 15px;border:1px solid #d9e6f4;border-radius:28px;background:#ffffffef;box-shadow:0 15px 50px #07356412}

.ecosystem-brand{width:160px;height:auto;max-height:58px;object-fit:contain;filter:brightness(0) saturate(100%) invert(16%) sepia(35%) saturate(2670%) hue-rotate(182deg) brightness(90%) contrast(96%);margin:12px 0 16px}

.ecosystem-hub>span{font-size:15px;color:var(--muted)}
.ecosystem-hub>strong{font-size:18px;letter-spacing:-.025em;margin-top:6px}

.ecosystem-people{display:flex;justify-content:center;isolation:isolate;padding:0 6px;min-height:34px}

.ecosystem-people img{width:38px;height:38px;object-fit:cover;object-position:top;background:#f5f8fc;border:2px solid white;border-radius:50%;margin-left:-6px}

.ecosystem-people img:first-child{margin-left:0}

.ecosystem-outcome{position:absolute;bottom:0;left:50%;translate:-50% 0;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:17px;letter-spacing:-.025em;font-weight:600;color:var(--deep)}

.ecosystem-outcome>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e2edf9;color:var(--blue)}

.ecosystem figcaption{margin-top:32px;display:flex;gap:30px;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;line-height:1.45}

.ecosystem figcaption>span{max-width:620px}

.ecosystem-controls{display:flex;flex-shrink:0;gap:8px}

.ecosystem-controls button{width:38px;height:38px;border-radius:50%;font-size:21px;display:grid;place-items:center;background:#e7e9ed;color:#34363b}

.ecosystem-controls button:hover{background:#d8e0e9}
.ecosystem-controls button:disabled{opacity:.4;cursor:default}

@media(max-width:1000px) and (min-width:761px){.ecosystem{padding:30px 20px 20px}.ecosystem-node{width:62px;border-width:4px}.ecosystem-hub{width:216px;min-height:180px;padding:14px}.ecosystem-brand{width:135px}.ecosystem-people img{width:33px;height:33px}.ecosystem-hub>strong{font-size:16px}}

@media(max-width:760px){
 .ecosystem{padding:26px 18px 18px;border-radius:24px;margin-bottom:36px}
 .ecosystem-heading{display:block}.ecosystem-heading h3{font-size:28px}.ecosystem-heading p{font-size:16px;margin-top:16px}
 .ecosystem-stage{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;margin-top:30px;gap:28px}
 .ecosystem-connections{display:none}
 .ecosystem-logos{position:relative;inset:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 8px;width:100%;max-width:360px}
 .ecosystem-node{position:relative;left:auto;top:auto;translate:none;width:100%;max-width:60px;border-width:3px;justify-self:center}
 .ecosystem-hub{position:relative;left:auto;top:auto;translate:none;max-width:100%;width:250px;min-height:190px;margin-top:6px}
 .ecosystem-hub:before{content:"";position:absolute;bottom:100%;left:50%;width:1px;height:34px;background:#046bd260}
 .ecosystem-outcome{position:relative;left:auto;bottom:auto;translate:none;font-size:16px;white-space:normal}
 .ecosystem figcaption{margin-top:26px;gap:15px;align-items:end;font-size:12px}
 .ecosystem-controls{flex-direction:column}
}

@media(prefers-reduced-motion:reduce){.ecosystem-controls{display:none}}

@media print{.ecosystem-controls{display:none}.ecosystem{break-inside:avoid}}