/* Centro de trabajo: orientación clara, módulos diferenciados y contraste estable. */
:root{--route-navy:#082b50;--route-blue:#145da0;--route-teal:#117782;--route-violet:#67469a;--route-amber:#9a6500;--route-gold:#ffd24d;--route-paper:#fff;--route-line:#94aac0}

/* Pestañas: el estado actual siempre se reconoce. */
.sidebar :is(.nav-btn,.primary-tab,.menu-child),#view :is(.tab,.section-tab,.ux-space-tab,.stage-tabs button,.rubric-module-tabs button){min-height:46px!important;font-size:max(.88rem,14px)!important;font-weight:850!important;line-height:1.3!important}
.sidebar :is(.nav-btn.active,.primary-tab.active,.menu-child.active),#view :is(.tab.active,.section-tab.active,.ux-space-tab.is-active,.stage-tabs button.active,.rubric-module-tabs button.active){border-color:var(--route-gold)!important;background:var(--route-blue)!important;color:#fff!important;outline:3px solid rgba(255,210,77,.55)!important;box-shadow:0 8px 22px rgba(8,43,80,.2)!important}
.sidebar :is(.nav-btn.active,.primary-tab.active,.menu-child.active) *,#view :is(.tab.active,.section-tab.active,.ux-space-tab.is-active,.stage-tabs button.active,.rubric-module-tabs button.active) *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.sidebar .primary-tab.module-tab.m1.active{background:var(--route-blue)!important}.sidebar .primary-tab.module-tab.m2.active{background:var(--route-teal)!important}.sidebar .primary-tab.module-tab.m3.active{background:var(--route-violet)!important}.sidebar .primary-tab.audit.active,.sidebar .primary-tab.delivery.active{background:#7a5000!important}

/* Encabezado y ubicación. */
body #view .scheme-hero{border:2px solid #2f6fa9;background:linear-gradient(132deg,#061b3a 0%,#0b356b 55%,#102c62 100%)}
body #view .scheme-copy h2,body #view .scheme-copy>p,body #view .scheme-current :is(span,strong,small){color:#fff!important;-webkit-text-fill-color:#fff!important}
body #view .scheme-current{border:3px solid #72edf4;background:#071f43;box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 0 5px rgba(114,237,244,.13)}
body #view .scheme-current>span{display:inline-flex;justify-self:start;padding:5px 9px;border-radius:999px;background:#72edf4;color:#062044!important;-webkit-text-fill-color:#062044!important}

/* Gráfica 3D. */
body #view .scheme-graphic{background:radial-gradient(circle at 22% 76%,rgba(48,133,226,.27),transparent 25%),radial-gradient(circle at 66% 42%,rgba(50,213,224,.2),transparent 26%),linear-gradient(145deg,#061b3d,#0d3776)}
body #view .scheme-3d-stage{color:var(--route-navy)!important;border-color:#78a9dc}body #view .scheme-3d-stage.stage-two{border-color:#4bc8d1}body #view .scheme-3d-stage.stage-three{border-color:#a888db}body #view .scheme-3d-stage.stage-review{border-color:var(--route-gold)}
body #view .scheme-3d-stage :is(b,small){color:var(--route-navy)!important;-webkit-text-fill-color:var(--route-navy)!important}
body #view .scheme-3d-stage.is-active{border-color:var(--route-gold);background:linear-gradient(145deg,#236fbd,#0b3d79);color:#fff!important;box-shadow:24px 38px 45px rgba(0,0,0,.38),0 0 0 7px rgba(255,210,77,.2),0 0 42px rgba(255,210,77,.8)}
body #view .scheme-3d-stage.is-active :is(b,small){color:#fff!important;-webkit-text-fill-color:#fff!important}

.scheme-graphic-legend{position:absolute;z-index:5;left:22px;right:22px;bottom:16px;display:flex;flex-wrap:wrap;gap:7px;padding:9px;border:1px solid rgba(255,255,255,.3);border-radius:13px;background:rgba(4,21,48,.88);backdrop-filter:blur(8px)}
.scheme-graphic-legend span{display:flex;align-items:center;gap:6px;color:#fff;font-size:.72rem;font-weight:850}.scheme-graphic-legend i{width:10px;height:10px;border-radius:50%;background:var(--route-blue);box-shadow:0 0 0 2px rgba(255,255,255,.25)}.scheme-graphic-legend .legend-two{background:var(--route-teal)}.scheme-graphic-legend .legend-three{background:var(--route-violet)}.scheme-graphic-legend .legend-review{background:var(--route-gold)}

/* Qué es, para qué sirve y cómo comenzar. */
.scheme-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.scheme-explainer article{display:grid;grid-template-columns:48px 1fr;gap:13px;min-height:155px;padding:19px;border:2px solid #b5c8da;border-radius:19px;background:#fff;box-shadow:0 12px 30px rgba(14,48,82,.08)}
.scheme-explainer article>span{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#e5f1ff;color:var(--route-blue);font-weight:950}.scheme-explainer article:nth-child(2)>span{background:#e3f7f5;color:#0b6b72}.scheme-explainer article:nth-child(3)>span{background:#fff2bf;color:#6f4800}
.scheme-explainer small,.scheme-explainer strong,.scheme-explainer p{display:block}.scheme-explainer small{color:#245d91;font-size:.72rem;font-weight:950;letter-spacing:.08em}.scheme-explainer strong{margin-top:5px;color:var(--route-navy);font-size:1.02rem;line-height:1.3}.scheme-explainer p{margin:7px 0 0;color:#3e5972;font-size:.9rem;line-height:1.5}

/* Ruta interactiva: color por módulo. */
body #view .scheme-node{border-color:#568bc2;background:#f7fbff;color:var(--route-navy)}body #view .scheme-node.module-two{border-color:var(--route-teal);background:#f2fbfa}body #view .scheme-node.module-three{border-color:var(--route-violet);background:#faf7ff}body #view .scheme-node.module-review{border-color:var(--route-amber);background:#fffaf0}
body #view .scheme-node .scheme-node-copy :is(small,b,em){color:var(--route-navy)!important;-webkit-text-fill-color:var(--route-navy)!important}body #view .scheme-node.is-current{background:linear-gradient(145deg,#155fa7,#0d3972);color:#fff}body #view .scheme-node.module-two.is-current{background:linear-gradient(145deg,#16858f,#075661)}body #view .scheme-node.module-three.is-current{background:linear-gradient(145deg,#7553aa,#493074)}body #view .scheme-node.module-review.is-current{background:linear-gradient(145deg,#9a6500,#684400)}body #view .scheme-node.is-current .scheme-node-copy :is(small,b,em){color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Primer paso y controles. */
body #view .scheme-oa-window>summary,body #view .module1-oa-selector-window>summary{border:2px solid #2f6fa9!important;background:#edf6ff!important;color:var(--route-navy)!important}body #view .scheme-oa-window>summary :is(small,strong,b,span),body #view .module1-oa-selector-window>summary :is(small,strong,b,span){color:var(--route-navy)!important;-webkit-text-fill-color:var(--route-navy)!important}
body #view :is(select,input,textarea){border-color:#718da8!important;background:#fff!important;color:#102f50!important}

/* La presentación conserva el mismo archivo horizontal de 51 segundos en la plataforma. */
body #view .premium-intro-player{background:#020815}body #view .premium-intro-player video{width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}

@media(max-width:980px){.scheme-explainer{grid-template-columns:1fr}.scheme-explainer article{min-height:0}}
@media(max-width:700px){.scheme-graphic-legend{position:relative;left:auto;right:auto;bottom:auto;margin:0 14px 14px}.scheme-explainer article{grid-template-columns:42px 1fr;padding:16px}}
@media(prefers-reduced-motion:reduce){body #view .scheme-3d-stage.is-active,body #view .scheme-node.is-current{animation:none!important}}