@import url('shell.css');
:root{--navy:#08195b;--navy2:#102a78;--blue:#1f5bd8;--blue2:#4A7EF5;--ink:#172033;--muted:#64748b;--line:#dfe6ef;--soft:#f5f7fb;--panel:#fff;--cyan:#238aa7;--cyanSoft:#ecf8fb;--violet:#7058c8;--violetSoft:#f3f0ff;--teal:#1f8b78;--tealSoft:#eaf7f3;--shadow:0 14px 45px rgba(19,37,76,.09);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}button{font:inherit}a{color:inherit}[hidden]{display:none!important}.progress{position:fixed;left:0;top:0;height:4px;background:var(--blue2);width:0;z-index:1000}.wrap{max-width:1240px;margin:auto;padding:0 34px}.chapters{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:9px}.chapters a{width:9px;height:9px;border-radius:50%;background:#cbd5e1;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1;text-decoration:none}.chapters a.active{background:var(--blue2);box-shadow:0 0 0 2px rgba(74,126,245,.20)}
.hero{min-height:calc(100vh - var(--brand-h) - var(--tabs-h));display:flex;align-items:center;padding:68px 0 62px;background:radial-gradient(circle at 82% 25%,rgba(74,126,245,.15),transparent 34%),radial-gradient(circle at 82% 78%,rgba(35,138,167,.08),transparent 28%),linear-gradient(180deg,#fff,#f8faff);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-7vw;bottom:-8vw;width:50vw;height:30vw;background:radial-gradient(circle,rgba(74,126,245,.20) 0 2px,transparent 2.8px);background-size:18px 18px;transform:rotate(-8deg);opacity:.35;clip-path:ellipse(50% 38% at 50% 50%);pointer-events:none}.heroGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.eyebrow:before{content:"";width:28px;height:2px;background:var(--blue2)}h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.035em;margin:18px 0 24px;color:var(--navy);max-width:820px}.lead{font-size:20px;color:#43516a;max-width:760px;margin:0}.heroNote{margin-top:24px;font-size:13px;color:var(--muted);max-width:760px}.kpiGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.kpi{min-height:150px;background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:23px;box-shadow:0 13px 32px rgba(19,37,76,.07);display:flex;flex-direction:column;justify-content:center}.kpi strong{font-size:46px;line-height:1;color:var(--navy);letter-spacing:-.04em}.kpi strong.accent{color:var(--blue)}.kpi span{font-size:12px;line-height:1.42;color:#61718a;margin-top:9px;max-width:190px}
.section{padding:88px 0}.section.alt{background:var(--soft)}.chapter{scroll-margin-top:calc(var(--brand-h) + var(--tabs-h) + 18px)}.sectionHeader{display:grid;grid-template-columns:.94fr 1.06fr;gap:46px;margin-bottom:34px;align-items:start}.sectionHeader h2{font-size:clamp(30px,3.4vw,47px);line-height:1.08;letter-spacing:-.026em;margin:8px 0;color:var(--navy)}.sectionHeader p{font-size:17px;color:#526079;margin:7px 0 0}.num{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--blue)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.footer{padding:28px 0;color:#64748b;font-size:12px;border-top:1px solid var(--line)}

/* comunes */
.chipList span,.flowPills span,.depReqs span,.whereTag,.safeList span,.surveyFocus span,.harness span{white-space:nowrap}
.miniLabel{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#7a889d}
.detailCol b{display:block;font-size:9px;color:#6d7b90;text-transform:uppercase;letter-spacing:.08em}.detailCol p{font-size:12.5px;color:#536278;line-height:1.55;margin:7px 0 0}
.safeList{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.safeList span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef4ff;color:#315eae;font-size:10px;font-weight:800}
.chipList{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chipList span{padding:5px 9px;border-radius:999px;background:var(--soft);border:1px solid #e1e7ef;color:#43516a;font-size:10.5px;font-weight:800}
.figCaption{margin-top:16px;font-size:11px;color:var(--muted);text-align:center}
.modeSwitch{display:inline-flex;gap:4px;background:#eef2f7;border:1px solid #dce4ef;padding:4px;border-radius:999px}.modeSwitch button{border:0;background:transparent;color:#69788f;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:900;cursor:pointer}.modeSwitch button.active{background:var(--navy);color:#fff;box-shadow:0 5px 14px rgba(8,25,91,.14)}
.evLead span{font-size:9px;color:var(--blue);text-transform:uppercase;letter-spacing:.09em;font-weight:900}.evLead h3{font-size:22px;line-height:1.1;color:var(--navy);margin:7px 0}

/* 01 base 2026 */
.baseBoard{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;padding:20px;background:linear-gradient(145deg,#fff,#fafcff)}
.teamCore{border-radius:20px;background:linear-gradient(158deg,#08195b,#163d8d);color:#fff;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.teamCore:before{content:"";position:absolute;right:-90px;top:-70px;width:290px;height:290px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.018)}.teamCore>*{position:relative;z-index:1}.teamCore>span{font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:#bbcaf1}.teamCore>strong{font-size:27px;line-height:1.08;letter-spacing:-.03em;margin:12px 0 22px}
.teamTree{display:grid;gap:10px}.teamNode{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;font-size:12px;font-weight:700;text-align:center;line-height:1.3}.teamNode.lead{background:#fff;color:var(--navy);border-color:#fff}.teamBranch{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;padding-top:12px}.teamBranch:before{content:"";position:absolute;left:25%;right:25%;top:0;height:12px;border:1px solid rgba(255,255,255,.35);border-bottom:0;border-radius:8px 8px 0 0}.teamBranch:after{content:"";position:absolute;left:50%;top:-10px;height:10px;border-left:1px solid rgba(255,255,255,.35)}
.coreRead{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;line-height:1.6;color:#dce6ff}
.baseMain{display:grid;gap:14px;align-content:start}.frontGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.frontCard{border:1px solid #dfe6ef;border-radius:17px;background:#fff;padding:16px}.frontCard b{display:block;color:var(--navy);font-size:16px;margin-top:6px}.frontCard p{margin:6px 0 0;font-size:12px;line-height:1.5;color:#56657b}
.aristaRail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.aristaBtn{border:1px solid #dfe6ef;background:#fff;border-radius:17px;padding:15px 15px 15px 19px;text-align:left;cursor:pointer;transition:.17s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px}.aristaBtn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c,#4A7EF5)}.aristaBtn:hover,.aristaBtn.active{transform:translateY(-2px);border-color:#9bb5ea;box-shadow:0 10px 24px rgba(19,37,76,.08)}.aristaBtn.active{background:#f7faff}.aristaBtn b{color:var(--navy);font-size:15px;line-height:1.2}.aristaBtn small{font-size:11px;color:#64748b;line-height:1.4}
.aristaDetail{border:1px solid #dfe6ef;border-radius:18px;background:#fff;padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.aristaDetail .detailCol+.detailCol{border-left:1px solid #e3e8f0;padding-left:18px}.perspLink{display:inline-flex;margin-top:12px;color:var(--blue);font-weight:800;font-size:12px;text-decoration:none}.perspLink:hover{text-decoration:underline}
.conditionStrip{margin-top:16px;display:grid;grid-template-columns:1.3fr repeat(4,minmax(0,1fr));gap:10px}.conditionHead{padding:12px 4px}.conditionHead b{display:block;color:var(--navy);font-size:15px;line-height:1.3;margin-top:6px}.conditionItem{border-radius:14px;background:var(--soft);border:1px solid #e1e7ef;padding:14px;display:flex;flex-direction:column;gap:8px}.conditionItem i{font-style:normal;font-size:10px;font-weight:900;color:var(--blue)}.conditionItem span{font-size:12.5px;line-height:1.35;color:#273650;font-weight:700}

/* 02 lógica 2027 */
.flowBoard{margin:0;padding:24px;background:linear-gradient(145deg,#fff,#fafcff)}
.flowBase{border:1px solid #dfe6ef;border-radius:16px;background:var(--soft);padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:12px 16px;flex-wrap:wrap}.flowPills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.flowPills span{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #dce4ef;color:var(--navy);font-size:12px;font-weight:700}
.flowDown{width:2px;height:22px;background:#9bb0d6;margin:8px auto 16px;position:relative}.flowDown:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #9bb0d6}
.flowYear{text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--blue);margin:0 0 14px}
.flowPair{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:stretch}
.coordCard{border:1px solid #dce4ef;border-radius:18px;background:#fff;padding:22px 20px 20px;position:relative;overflow:hidden}.coordCard:before{content:"";height:5px;background:var(--layer,#4A7EF5);position:absolute;left:0;right:0;top:0}.coordCard.tec{--layer:#08195b}.coordCard h3{color:var(--navy);font-size:20px;line-height:1.1;margin:8px 0}.coordCard>p{font-size:12px;line-height:1.5;color:#56657b;margin:0}
.coordList{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.coordList a{display:block;padding:10px 12px 10px 28px;border-radius:12px;background:var(--soft);border:1px solid #e3e9f2;color:#273650;font-size:12.5px;font-weight:700;text-decoration:none;position:relative;transition:.15s ease}.coordList a:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue2);position:absolute;left:12px;top:50%;transform:translateY(-50%)}.coordList a:hover{border-color:#9bb5ea;background:#fff}
.techFlow{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:24px}.techFlow li{position:relative}.techFlow li+li:before{content:"";position:absolute;left:50%;top:-19px;width:2px;height:10px;background:#9bb0d6;transform:translateX(-50%)}.techFlow li+li:after{content:"";position:absolute;left:50%;top:-9px;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #9bb0d6}.techFlow a{display:block;text-align:center;padding:12px 14px;border-radius:12px;background:var(--soft);border:1px solid #e3e9f2;color:#273650;font-size:12.5px;font-weight:700;text-decoration:none;transition:.15s ease}.techFlow a:hover{border-color:#9bb5ea}.techFlow li.key a{background:linear-gradient(158deg,#08195b,#163d8d);color:#fff;border-color:#08195b;font-size:14px}.techNote{display:block;margin-top:14px;text-align:center;font-size:10.5px;color:var(--muted)}
.exchange{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:0 12px}.exItem{display:flex;flex-direction:column;gap:6px;text-align:center}.exItem span{font-size:10px;line-height:1.3;font-weight:800;color:var(--blue)}.exItem i{display:block;height:2px;background:var(--blue2);position:relative}.exItem.fwd i:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--blue2)}.exItem.back span{color:#5b6880}.exItem.back i{background:#9bb0d6}.exItem.back i:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid #9bb0d6}
.supportRail{margin-top:14px;border:1.5px dashed #b9c8ea;border-radius:16px;background:#f7f9fd;padding:14px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;text-align:center}.supportRail b{color:var(--navy);font-size:14px}.supportRail>span:last-child{font-size:12px;color:#56657b}
.flowNext{border-radius:16px;background:linear-gradient(158deg,#08195b,#163d8d);color:#fff;padding:16px 20px;text-align:center}.flowNext span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:#bbcaf1}.flowNext b{display:block;font-size:15px;margin-top:6px}
.rhythmCard{margin-top:16px;padding:22px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:center}.rhythmIntro h3{color:var(--navy);font-size:20px;line-height:1.15;margin:8px 0 14px}.rhythmPanel>p{margin:0 0 12px;font-size:13px;color:#43516a;font-weight:700}
.depRow{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(160px,220px);gap:10px;align-items:center}.depRow+.depRow{margin-top:10px}.depReqs{display:flex;flex-wrap:wrap;gap:6px}.depReqs span{padding:7px 10px;border-radius:10px;background:var(--soft);border:1px solid #e1e7ef;font-size:11.5px;font-weight:700;color:#43516a}.depArrow{display:block;height:2px;background:#9bb0d6;position:relative}.depArrow:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #9bb0d6}.depResult{display:block;padding:10px 12px;border-radius:12px;background:#eef4ff;border:1px solid #c9d8f7;color:var(--navy);font-size:12.5px;text-align:center}

/* 03 evidencia y acuerdos */
.evidenceBoard{padding:20px;background:linear-gradient(145deg,#fff,#fafcff)}.evidenceRail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.evBtn{border:1px solid #dfe6ef;background:#fff;border-radius:18px;min-height:170px;padding:15px;text-align:left;cursor:pointer;transition:.17s ease}.evBtn:hover,.evBtn.active{transform:translateY(-2px);border-color:#8da9e3;box-shadow:0 10px 24px rgba(19,37,76,.08)}.evBtn.active{background:#f7faff}.evIndex{display:flex;align-items:center;justify-content:space-between}.evIndex strong{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:var(--blue);font-size:11px}.evBtn.active .evIndex strong{background:var(--navy);color:#fff}.evIndex span{font-size:8.5px;color:#8a97aa;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.evBtn h3{font-size:15px;line-height:1.18;color:var(--navy);margin:14px 0 0}.evBtn p{font-size:11px;line-height:1.45;color:#64748b;margin:8px 0 0}
.evDetail,.ganttDetail{margin-top:14px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;padding:18px;display:grid;grid-template-columns:230px 1fr 1fr;gap:18px}.evDetail .detailCol,.ganttDetail .detailCol{border-left:1px solid #e3e8f0;padding-left:18px}.ganttDetail .evLead h3{font-size:19px}

/* 04 implementación técnica */
.stepBoard{padding:22px;background:linear-gradient(145deg,#fff,#fafcff)}.stepHead h3{color:var(--navy);font-size:22px;line-height:1.1;margin:6px 0 16px}
.stepRail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.stepBtn{border:1px solid #dfe6ef;background:#fff;border-radius:16px;padding:13px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:.17s ease}.stepBtn strong{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:var(--blue);font-size:12px}.stepBtn span{font-size:12px;line-height:1.25;font-weight:800;color:var(--navy)}.stepBtn:hover,.stepBtn.active{border-color:#8da9e3;box-shadow:0 10px 24px rgba(19,37,76,.08)}.stepBtn.active{background:var(--navy);border-color:var(--navy)}.stepBtn.active strong{background:#fff;color:var(--navy)}.stepBtn.active span{color:#fff}
.stepDetail{margin-top:14px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;padding:20px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}.stepDetail.wide{grid-template-columns:1fr;gap:18px}.stepText h4{margin:0;color:var(--navy);font-size:18px;line-height:1.25}.stepText p{margin:8px 0 0;font-size:13px;line-height:1.55;color:#536278}.stepText a{color:var(--blue);font-weight:700}
.questionGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.questionGrid span{padding:10px 12px;border-radius:12px;background:#eef4ff;color:var(--navy);font-size:12.5px;font-weight:800}
.levelPair{display:grid;gap:10px}.levelCard{border-radius:14px;border:1px solid #e1e7ef;background:var(--soft);padding:14px}.levelCard b{display:block;margin-top:5px;color:#273650;font-size:13.5px;line-height:1.35}.levelNote{margin:2px 0 0;font-size:11.5px;color:var(--muted);line-height:1.5}
.checkList ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.checkList li{position:relative;padding:10px 12px 10px 34px;border-radius:12px;background:var(--soft);border:1px solid #e1e7ef;font-size:12.5px;color:#273650;font-weight:700}.checkList li:before{content:"";position:absolute;left:12px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:4px;border:2px solid var(--blue2)}
.criteriaGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.criteriaGrid span{padding:12px;border-radius:12px;background:var(--soft);border:1px solid #e1e7ef;font-size:12.5px;font-weight:700;color:#273650}.criteriaGrid.ok span{background:var(--tealSoft);border-color:#cfe9e1;color:#155f52;display:flex;align-items:center;gap:8px}.criteriaGrid.ok span:before{content:"✓";font-weight:900;color:var(--teal)}
.alertChain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.alertChain li{position:relative;padding:14px;border-radius:14px;background:var(--soft);border:1px solid #e1e7ef;font-size:12.5px;font-weight:800;color:#273650;line-height:1.3}.alertChain li i{display:block;font-style:normal;font-size:10px;color:var(--blue);margin-bottom:6px}.alertChain li+li:before{content:"";position:absolute;left:-18px;top:50%;width:12px;height:2px;background:#9bb0d6}.alertChain li+li:after{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #9bb0d6}.alertChain li.key{background:linear-gradient(158deg,#08195b,#163d8d);border-color:#08195b;color:#fff}.alertChain li.key i{color:#bbcaf1}
.whereRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.whereRow .miniLabel{margin-right:4px}.whereTag{padding:7px 11px;border-radius:999px;background:#eef4ff;color:#315eae;font-size:11.5px;font-weight:800}
.capPair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.capCard{padding:22px}.capCard h3{color:var(--navy);font-size:20px;line-height:1.15;margin:6px 0 8px}.capCard>p{margin:0;font-size:13px;line-height:1.5;color:#536278}
.audGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.audGrid>div{border-radius:14px;background:var(--soft);border:1px solid #e1e7ef;padding:14px}.audGrid b{display:block;color:var(--navy);font-size:13.5px}.audGrid span{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:#56657b}
.capGoal{margin-top:14px;padding-top:14px;border-top:1px solid #e7ecf3;font-size:12.5px;line-height:1.55;color:#536278}.capGoal b{color:var(--navy)}
.harness{position:relative;margin:20px 0 8px;padding:16px 14px 14px;border:1.5px dashed #b9c8ea;border-radius:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.harness:before{content:"Arnés";position:absolute;top:-8px;left:14px;background:#fff;padding:0 6px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.harnessCore{padding:9px 14px;border-radius:12px;background:var(--navy);color:#fff;font-size:12.5px;font-weight:800}.harness span{padding:7px 10px;border-radius:999px;background:#eef4ff;color:#315eae;font-size:11px;font-weight:800}.harnessNote{margin:0;font-size:11.5px;color:var(--muted);line-height:1.5}

/* 05 retos de innovación abierta */
.retoBoard{padding:22px;background:linear-gradient(145deg,#fff,#fafcff)}.retoFlow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}.retoFlow:before{content:"";position:absolute;left:calc(10% - 5px);right:calc(10% - 5px);top:17px;height:2px;background:#dbe4f3}.retoFlow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.retoFlow li>i{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #c9d8f7;color:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:900;font-size:12px;position:relative;z-index:1}.retoFlow li>div{flex:1;width:100%;border:1px solid #dfe6ef;border-radius:16px;background:#fff;padding:14px}.retoFlow b{display:block;color:var(--navy);font-size:14.5px;line-height:1.2}.retoFlow span{display:block;margin-top:6px;font-size:12px;line-height:1.45;color:#56657b}.retoFlow em{display:inline-flex;margin-top:10px;padding:4px 8px;border-radius:8px;background:#eef4ff;color:#315eae;font-size:9.5px;font-style:normal;font-weight:800}.retoFlow li.key>i{background:var(--navy);border-color:var(--navy);color:#fff}.retoFlow li.key>div{background:linear-gradient(158deg,#08195b,#163d8d);border-color:#08195b}.retoFlow li.key b{color:#fff}.retoFlow li.key span{color:#dce6ff}
.retoFoot{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.retoGuard{border-radius:14px;padding:14px 16px;background:#eef4ff;border:1px solid #c9d8f7;font-size:12.5px;line-height:1.55;color:#33476e}.retoGuard b{color:var(--navy)}.retoGuard.soft{background:var(--soft);border-color:#e1e7ef;color:#536278}

/* 06 encuesta nacional */
.surveyBoard{margin:0;padding:22px;background:linear-gradient(145deg,#fff,#fafcff)}.surveyFocus{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e7ecf3}.surveyFocus .miniLabel{margin-right:4px}.surveyFocus span:not(.miniLabel){padding:7px 11px;border-radius:999px;background:var(--soft);border:1px solid #e1e7ef;color:#43516a;font-size:11.5px;font-weight:800}
.surveyGrid{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:stretch}.surveyCol{display:flex;flex-direction:column;gap:20px}.surveyHead{border-radius:12px;background:var(--navy);color:#fff;text-align:center;padding:12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.surveyCol.next .surveyHead{background:var(--blue)}.surveyBox{position:relative;border:1px solid #dfe6ef;border-radius:14px;background:#fff;padding:14px 16px;flex:1}.surveyBox b{display:block;color:var(--navy);font-size:14px;line-height:1.25}.surveyBox span{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:#56657b}.surveyBox+.surveyBox:before{content:"";position:absolute;left:50%;top:-18px;height:10px;width:2px;background:#9bb0d6;transform:translateX(-50%)}.surveyBox+.surveyBox:after{content:"";position:absolute;left:50%;top:-8px;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #9bb0d6}
.surveyGate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 14px;text-align:center}.surveyGate i{display:block;width:100%;height:2px;background:var(--blue2);position:relative}.surveyGate i:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--blue2)}.surveyGate b{font-size:12px;color:var(--navy);line-height:1.25;padding:6px 10px;border-radius:999px;background:#eef4ff;border:1px solid #c9d8f7}
.surveyGoal{margin-top:22px;text-align:center}.surveyGoal b{display:block;color:var(--navy);font-size:17px}.surveyGoal span{display:block;margin-top:4px;font-size:13px;color:#536278}

/* 07 horizonte 2026–2029 */
.ganttBoard{padding:22px;background:linear-gradient(145deg,#fff,#fafcff)}.ganttLegend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:18px}.lg{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:#43516a}.lg:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--lc)}.lg.met{--lc:#4A7EF5}.lg.tec{--lc:#08195b}.lg.enc{--lc:#238aa7}.lg.cap{--lc:#7058c8}
.ganttHead{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #dfe6ef}.ganttHead>div{padding:0 12px 12px}.ganttHead b{display:block;font-size:26px;line-height:1;color:var(--navy);letter-spacing:-.03em}.ganttHead span{display:block;margin-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#7a889d}.ganttHead .focus b,.ganttHead .focus span{color:var(--blue)}
.ganttBody{position:relative;padding:10px 0}.ganttGuides{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));pointer-events:none}.ganttGuides span+span{border-left:1px dashed #dfe6ef}.ganttGuides .focus{background:rgba(74,126,245,.06)}.ganttRow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 0}
.ganttBar{grid-column:var(--s)/var(--e);margin:0 8px;border-radius:12px;padding:9px 12px 9px 16px;text-align:left;cursor:pointer;border:1px solid var(--bb);background:var(--bg);color:var(--fg);position:relative;overflow:hidden;transition:.16s ease}.ganttBar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--lc)}.ganttBar small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;opacity:.78}.ganttBar b{display:block;font-size:12.5px;line-height:1.25;margin-top:2px}.ganttBar.met{--lc:#4A7EF5;--bg:#eef4ff;--bb:#c9d8f7;--fg:#08195b}.ganttBar.tec{--lc:#4A7EF5;--bg:#0f2a78;--bb:#08195b;--fg:#fff}.ganttBar.enc{--lc:#238aa7;--bg:#ecf8fb;--bb:#bfe3ec;--fg:#0f4e60}.ganttBar.cap{--lc:#7058c8;--bg:#f3f0ff;--bb:#d9d0f7;--fg:#3e2d86}.ganttBar:hover,.ganttBar.active{transform:translateY(-1px);box-shadow:0 10px 22px rgba(19,37,76,.12)}.ganttBar.active{outline:2px solid var(--blue2);outline-offset:2px}
.closingBand{margin-top:22px;border-radius:22px;background:linear-gradient(158deg,#08195b,#163d8d);color:#fff;padding:34px 36px;position:relative;overflow:hidden}.closingBand:before{content:"";position:absolute;right:-90px;top:-90px;width:290px;height:290px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.018)}.closingBand h3{position:relative;margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.2;letter-spacing:-.02em;max-width:900px}.closingBand p{position:relative;margin:12px 0 0;font-size:14px;line-height:1.6;color:#dce6ff;max-width:900px}

@media(max-width:1100px){.heroGrid{grid-template-columns:1fr;gap:34px}.kpiGrid{grid-template-columns:repeat(4,1fr)}.kpi{min-height:130px}.baseBoard{grid-template-columns:260px minmax(0,1fr)}.frontGrid{grid-template-columns:1fr}.aristaDetail{grid-template-columns:1fr 1fr}.aristaDetail .detailCol:nth-child(3){grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid #e3e8f0;padding-top:14px}.conditionStrip{grid-template-columns:repeat(4,minmax(0,1fr))}.conditionHead{grid-column:1/-1;padding:0 2px}.evidenceRail{grid-template-columns:repeat(2,1fr)}.evDetail,.ganttDetail{grid-template-columns:200px 1fr}.evDetail .detailCol:last-child,.ganttDetail .detailCol:last-child{grid-column:2}.stepBtn{flex-direction:column;align-items:flex-start;gap:8px}.rhythmCard{grid-template-columns:1fr;gap:16px}}
@media(max-width:820px){.wrap{padding:0 20px}.sectionHeader{grid-template-columns:1fr;gap:12px}.sectionHeader p{font-size:15px}.kpiGrid{grid-template-columns:repeat(2,1fr)}.baseBoard{grid-template-columns:1fr}.aristaRail{grid-template-columns:1fr}.aristaDetail{grid-template-columns:1fr}.aristaDetail .detailCol+.detailCol,.aristaDetail .detailCol:nth-child(3){grid-column:auto;border-left:0;padding-left:0;border-top:1px solid #e3e8f0;padding-top:14px}.conditionStrip{grid-template-columns:1fr 1fr}.flowPair{grid-template-columns:1fr;gap:12px}.exchange{flex-direction:row;padding:4px 0;gap:14px}.exItem{flex:1}.rhythmCard{grid-template-columns:1fr}.depRow{grid-template-columns:1fr}.depArrow{width:2px;height:14px;margin:0 auto 6px}.depArrow:after{right:auto;left:50%;top:100%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #9bb0d6;border-bottom:0}.evDetail,.ganttDetail{grid-template-columns:1fr}.evDetail .detailCol,.ganttDetail .detailCol,.evDetail .detailCol:last-child,.ganttDetail .detailCol:last-child{grid-column:auto;border-left:0;border-top:1px solid #e3e8f0;padding-left:0;padding-top:13px}.stepDetail{grid-template-columns:1fr}.capPair,.retoFoot{grid-template-columns:1fr}.surveyGrid{grid-template-columns:1fr;gap:14px}.surveyGate i{display:none}.ganttHead,.ganttGuides{display:none}.ganttRow{grid-template-columns:1fr}.ganttBar{grid-column:1/-1;margin:0}.stepRail,.retoFlow,.alertChain{grid-template-columns:1fr}.stepBtn{flex-direction:row;align-items:center}.retoFlow:before{display:none}.retoFlow li{flex-direction:row;align-items:flex-start}.retoFlow li>div{width:auto}.alertChain{gap:16px}.alertChain li+li:before{left:50%;top:-14px;width:2px;height:8px;transform:translateX(-50%)}.alertChain li+li:after{left:50%;top:-7px;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #9bb0d6;border-bottom:0}}
@media(max-width:580px){.chipList span,.flowPills span,.depReqs span,.whereTag,.safeList span,.surveyFocus span,.harness span{white-space:normal}h1{font-size:40px}.lead{font-size:17px}.kpiGrid{grid-template-columns:1fr}.kpi{min-height:112px}.evidenceRail,.audGrid,.questionGrid,.criteriaGrid,.conditionStrip{grid-template-columns:1fr}.exchange{flex-direction:column}.modeSwitch{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:15px}.modeSwitch button{border-radius:11px}.chapters{right:8px}.section{padding:70px 0}.closingBand{padding:26px 22px}.teamCore{padding:24px}}