/* ORDER.03 | Visualizacao editorial do Grafo Vivo, sem bibliotecas externas. */
.crie-cog-graph{margin-top:16px;padding:clamp(18px,2.7vw,32px);background:linear-gradient(130deg,#f6fbfb,#ffffff 58%,#f5faf9);border:1px solid #d7e7e8;border-radius:26px;font-family:Helvetica,Arial,sans-serif;color:#173d4f;box-shadow:0 15px 34px rgba(12,51,67,.055)}
.crie-cog-graph__head{display:flex;justify-content:space-between;align-items:start;gap:18px}.crie-cog-graph__eyebrow{font-size:11px;color:#0f7677;letter-spacing:.12em;font-weight:800}.crie-cog-graph__head h3{margin:6px 0 0;color:#113249;font-size:clamp(22px,2.3vw,30px);line-height:1.16}.crie-cog-graph__head p{margin:9px 0 0;color:#486a79;line-height:1.6;font-size:14px;max-width:670px}.crie-cog-graph__overview{display:grid;gap:5px;min-width:180px;padding:14px 16px;background:#fff;border:1px solid #dfebec;border-radius:18px}.crie-cog-graph__overview strong{font-size:16px;color:#0e5156}.crie-cog-graph__overview span{font-size:12px;line-height:1.4;color:#526b7c}
.crie-cog-graph__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:22px;align-items:center;margin-top:22px}.crie-cog-graph__art{border-radius:22px;min-width:0;background:radial-gradient(circle at 52% 50%,#e9f8f4,#f7fdfc 63%,#fff);border:1px solid #dcebec;padding:10px}.crie-cog-graph__constellation{display:block;width:100%;max-height:355px}.crie-cog-graph__edge{opacity:.45;transition:opacity .2s ease,filter .2s ease}.crie-cog-graph__edge.is-active{opacity:1;filter:drop-shadow(0 2px 3px rgba(16,74,85,.12))}.crie-cog-graph__art-caption{margin:0;padding:0 12px 12px;text-align:center;font-size:11px;color:#587384;line-height:1.55}
.crie-cog-graph__explorer h4{margin:0;font-size:18px;color:#183b4e}.crie-cog-graph__explorer>p{margin:7px 0 14px;font-size:13px;line-height:1.6;color:#526f7e}.crie-cog-graph__lens-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crie-cog-graph__lens{appearance:none;display:flex;align-items:center;gap:9px;min-width:0;min-height:58px;border:1px solid #d8e4e8;background:#fff;border-radius:14px;padding:7px 9px;text-align:left;color:#274960;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.crie-cog-graph__lens>img{width:37px;height:37px;flex:0 0 37px;object-fit:contain;border-radius:10px}.crie-cog-graph__lens>span{min-width:0;display:grid;gap:2px}.crie-cog-graph__lens strong{font-size:12px;line-height:1.25;overflow-wrap:anywhere}.crie-cog-graph__lens small{font-size:10px;line-height:1.3;color:#617d89}.crie-cog-graph__lens:hover,.crie-cog-graph__lens[aria-pressed="true"]{border-color:var(--int-ink);box-shadow:0 0 0 2px var(--int-tint),0 7px 18px rgba(14,54,66,.055)}.crie-cog-graph__lens[aria-pressed="true"]{background:var(--int-tint)}.crie-cog-graph__lens:focus-visible{outline:3px solid #104e7b;outline-offset:2px}
.crie-cog-graph__details{display:grid;gap:12px;margin-top:17px}.crie-cog-graph__detail{padding:18px 20px;border:1px solid #d8e6e8;border-radius:20px;background:#fff}.crie-cog-graph__detail[hidden]{display:none!important}.crie-cog-graph__detail>header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #edf1f2;padding-bottom:15px}.crie-cog-graph__detail>header p{font-size:12px;color:#607988;margin:0}.crie-cog-graph__detail-title{display:flex;align-items:center;gap:10px}.crie-cog-graph__detail-title img{width:48px;height:48px;border-radius:13px;object-fit:contain}.crie-cog-graph__detail-title span{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--int-ink)}.crie-cog-graph__detail-title h4{margin:4px 0 0;color:#173c50;font-size:20px}.crie-cog-graph__detail-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:14px}.crie-cog-graph__detail-content>div:only-child{grid-column:1/-1}.crie-cog-graph__detail h5{margin:0 0 9px;color:#38596c;font-size:13px}.crie-cog-graph__knowledge,.crie-cog-graph__capabilities{list-style:none;display:grid;gap:7px;padding:0;margin:0}.crie-cog-graph__knowledge a{display:flex;align-items:start;justify-content:space-between;gap:9px;color:#135b76;font-weight:700;font-size:13px;text-decoration:none;padding:10px 12px;border:1px solid #e1ecee;border-radius:12px;background:#f9fcfc;line-height:1.4}.crie-cog-graph__knowledge a:hover{text-decoration:underline;border-color:#9bc4c6}.crie-cog-graph__knowledge a:focus-visible{outline:3px solid #165c85;outline-offset:2px}.crie-cog-graph__capabilities li{padding:10px;border-radius:12px;background:#f2f9f5;border:1px solid #d6e8de;display:grid;gap:2px}.crie-cog-graph__capabilities strong{font-size:13px;color:#276452}.crie-cog-graph__capabilities small,.crie-cog-graph__limit-note{font-size:11px;color:#597784}.crie-cog-graph__method{color:#5a7583;font-size:12px;line-height:1.6;margin:14px 2px 0}
@media(max-width:1020px){.crie-cog-graph__layout{grid-template-columns:1fr}.crie-cog-graph__art{max-width:720px;width:100%;margin:auto}}@media(max-width:640px){.crie-cog-graph__head{display:grid}.crie-cog-graph__overview{min-width:0}.crie-cog-graph__lens-list{grid-template-columns:1fr 1fr}.crie-cog-graph__detail-content{grid-template-columns:1fr}.crie-cog-graph__detail-content>div:only-child{grid-column:auto}.crie-cog-graph__lens{min-height:58px}.crie-cog-graph__lens>img{width:30px;height:30px;flex-basis:30px}.crie-cog-graph__lens strong{font-size:11px}}@media(max-width:370px){.crie-cog-graph__lens-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.crie-cog-graph *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}