:root{--navy:#082c55;--blue:#166cbd;--ink:#0c2e50;--green:#11865b;--purple:#7642c2;--orange:#ed741c;--red:#cf3630;--teal:#0b97a2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;background:#eaf1f8;color:var(--ink)}button{font:inherit;cursor:pointer}.symbols{position:absolute;width:0;height:0;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px;background:#082b50;color:white;position:sticky;top:0;z-index:10;box-shadow:0 3px 15px #082b5033}.topbar strong{display:block;font-size:17px}.topbar small{font-size:11px;color:#aed0f2}.topbar nav{display:flex;flex-wrap:wrap;gap:4px}.topbar button{border:1px solid #ffffff50;background:#ffffff17;color:white;border-radius:8px;padding:9px 11px;font-size:12px}.topbar button.active{background:#fff;color:var(--navy)}#app{padding:20px;max-width:1720px;margin:0 auto}.poster{background:#fff;min-height:780px;border-radius:12px;padding:24px;box-shadow:0 12px 38px #193b5d1b;overflow:hidden}.hero{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:16px}.hero h1{font-size:clamp(42px,5.8vw,92px);letter-spacing:-.055em;line-height:.96;margin:0 0 10px;color:var(--navy)}.hero p{font-size:clamp(14px,1.25vw,21px);line-height:1.4;margin:0;max-width:1010px}.info-now{display:flex;align-items:center;gap:15px;width:33%;min-width:265px;background:#dceefd;padding:15px 20px;border-radius:24px;font-size:15px;line-height:1.4}.ico{width:72px;height:72px;flex:none;stroke:currentColor;stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round}.ico.sm{width:38px;height:38px;stroke-width:5}.ico.lg{width:116px;height:116px}.info-now .ico{width:75px;height:75px}.cols{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:8px}.panel{background:var(--bg,#e9f4fe);border-radius:17px;padding:17px 14px;min-width:0;position:relative}.panel h2{margin:0 0 12px;font-size:clamp(16px,1.4vw,25px);line-height:1.13;color:var(--accent,var(--navy))}.panel p,.panel li{font-size:clamp(12px,1.02vw,17px);line-height:1.35}.panel p{margin:9px 0}.panel .art{display:flex;justify-content:center;align-items:center;height:124px;color:var(--accent,var(--blue));gap:12px}.panel .art .ico{filter:drop-shadow(2px 3px 1px #00000014)}.panel .date{font-size:17px;font-weight:800;color:var(--accent);margin:9px 0 3px}.panel .eyebrow{font-weight:800;color:var(--accent);font-size:18px}.num{display:inline-grid;place-items:center;background:var(--accent,var(--blue));color:#fff;border-radius:50%;font-size:21px;font-weight:bold;width:44px;height:44px;margin-right:8px}.rowtitle{display:flex;align-items:center;gap:3px}.rowtitle h2{margin:0}.timeline{display:flex;align-items:center;justify-content:space-around;margin:14px 2px 16px;height:30px;position:relative}.timeline:before{content:"";position:absolute;height:7px;background:linear-gradient(90deg,#e44e3c,#ed9b12,#199254,#1677ce,#923ccf,#0bbaa6,#d02c7b,#3559d2);left:0;right:0;border-radius:20px}.timeline span{position:relative;width:22px;height:22px;background:var(--accent);border:3px solid white;box-shadow:0 0 0 2px var(--accent);border-radius:50%}.ribbon{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.ribbon>div{padding:13px 5px;background:var(--bg);color:var(--accent);text-align:center;font-weight:bold;font-size:13px;clip-path:polygon(0 0,93% 0,100% 50%,93% 100%,0 100%,7% 50%)}.footerstrip{margin-top:12px;border-radius:30px;background:#08385f;color:white;text-align:center;padding:13px;font-weight:bold;font-size:17px}.sectionline{font-size:24px;font-weight:bold;margin:15px 0 10px}.mini-grid{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:5px}.mini{padding:13px 8px;border-radius:13px;background:var(--bg,#e3f4fe);text-align:center;min-width:0}.mini h3{font-size:16px;margin:7px 0;color:var(--accent,var(--navy))}.mini p{font-size:13px;line-height:1.3;margin:6px 0}.mini .ico{width:45px;height:45px;color:var(--accent,var(--blue))}.graphic-net{height:250px;position:relative;background:linear-gradient(110deg,#e4f4ff,#f5f9ff);border-radius:15px;flex:1;min-width:300px}.graphic-net svg{width:100%;height:100%}.graphic-net line{stroke:#2980cc;stroke-width:3}.graphic-net circle{fill:#e7f4ff;stroke:#1670c1;stroke-width:3}.graphic-net text{font-size:13px;fill:var(--navy);font-weight:700}.hero-blue{background:linear-gradient(135deg,#061b40,#073b6b);color:#fff;border-radius:17px;padding:20px;flex:1}.hero-blue h1{color:white;font-size:clamp(38px,5vw,70px)}.hero-blue p{font-size:17px;margin:13px 0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compare .mini{background:#e9f5ff}.compare .mini:nth-child(2){background:#ffecf2}.compare p{text-align:left}.net-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}.flow{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px}.flow .panel{min-height:225px}.flow .panel .art{height:92px}.arrowline{display:flex;justify-content:space-around;align-items:center;margin:8px 0;border-bottom:3px dashed #9ab3c9;color:#3666ae;font-size:12px;font-weight:bold}.split-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.split-header .hero{margin:0}.flowbox{border:2px dashed #80b9eb;border-radius:20px;padding:12px;background:#f1f9ff}.small-note{font-size:13px;color:#3c637e}.brandlist{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;background:#ffffffdb;border-radius:12px;padding:9px;margin-top:auto;min-height:72px}.brand{padding:8px 10px;border-radius:8px;font-weight:bold;font-size:clamp(12px,1vw,17px);color:#12395c;background:#f2f7fc;text-align:center}.hostcard{display:flex;flex-direction:column;min-height:310px}.hostcard p{min-height:68px}.hostcard .art{height:110px}.hostcard .badge{padding:8px;border-radius:12px;background:#fff5ca;text-align:center;font-size:13px;font-weight:bold;margin-top:8px}.svg-network{height:200px;width:100%;display:block}.legend{margin-top:15px;padding:12px 20px;background:#e0f1ff;border-radius:12px;line-height:1.45;font-size:15px}.focusable{cursor:pointer;transition:transform .15s,box-shadow .15s}.focusable:hover,.focusable:focus-visible{transform:translateY(-3px);box-shadow:0 6px 20px #163e6040;outline:2px solid #226eb4}.detail{display:none;position:fixed;inset:0;background:#082a48b3;z-index:30;place-items:center;padding:20px}.detail.visible{display:grid}.detail>div{background:#fff;border-radius:16px;padding:25px;max-width:560px;width:100%;box-shadow:0 12px 50px #0005}.detail button{float:right;border:0;background:#d8e9f5;border-radius:8px;padding:5px 10px}.detail h2{color:var(--navy)}.footer{max-width:1700px;margin:auto;padding:14px 22px;color:#5f7892;font-size:12px}.steps{display:flex;align-items:stretch;gap:5px}.steps>*{flex:1}.steps .mini{position:relative;padding:15px}.steps .mini:not(:last-child):after{content:'➜';position:absolute;right:-10px;top:48%;color:#0a6cbb;z-index:2;font-size:21px}.poster.presentation{min-height:calc(100vh - 40px)}@media(max-width:1000px){.topbar{position:static;flex-wrap:wrap}.cols,.flow,.mini-grid{overflow-x:auto;display:flex}.cols>.panel,.flow>.panel{min-width:190px;flex:1}.mini-grid>.mini{min-width:150px;flex:1}.net-top{grid-template-columns:1fr}.hero{flex-wrap:wrap}.info-now{width:100%}.poster{padding:12px}.hero h1{font-size:48px}.ribbon{overflow:auto}.ribbon>div{min-width:120px}.steps{overflow:auto}.steps>*{min-width:150px}.compare{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar nav{overflow:auto;flex-wrap:nowrap;width:100%}.topbar nav button{white-space:nowrap}.hero h1{font-size:39px}.compare{grid-template-columns:1fr}.poster{min-height:auto}.info-now{min-width:0}.graphic-net{min-width:0}}

/* Ícone padrão — volta para o catálogo do vcursos (convenção eco-vcursos) */
.vcursos-home{position:fixed;top:14px;right:18px;z-index:9999;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.85);color:rgba(0,0,0,.55);box-shadow:0 1px 4px rgba(0,0,0,.15);text-decoration:none;transition:background .15s,color .15s}
.vcursos-home:hover{background:#fff;color:rgba(0,0,0,.85)}
#full{margin-right:46px}

/* Vídeo embutido dentro de um card — mesma proporção/escala dos demais panels */
.video-embed{position:relative;width:100%;padding-top:56.25%;border-radius:10px;overflow:hidden;margin-bottom:8px}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}