:root{--navy:#0d1c2c;--navy2:#13283c;--ink:#11263a;--muted:#5e7280;--teal:#1b766d;--mint:#a9e7c7;--paper:#f5f6f1;--line:#d8e2df;--white:#fff;--amber:#f3b85e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{outline-offset:4px}*:focus-visible{outline:3px solid #efaa47;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em;line-height:1.04}h1{font-size:clamp(3.4rem,6.2vw,6.3rem);margin:22px 0 24px}h2{font-size:clamp(2.1rem,4vw,3.8rem)}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#98ddba}h2 em{color:var(--teal)}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:12px;top:-100px;z-index:20;padding:12px;background:white}.skip:focus{top:10px}.topbar{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff1c}.topinner{max-width:1208px;margin:auto;padding:19px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.08em}.brand b{color:var(--mint)}.brand small{display:block;font-size:8px;letter-spacing:.14em;color:#90a4ad;margin-top:4px}.brand-icon{display:grid;place-items:center;width:39px;height:39px;background:var(--mint);border-radius:11px;color:var(--navy);font-size:22px;letter-spacing:-.1em}.brand-icon span{color:var(--teal)}.top-right{display:flex;align-items:center;gap:20px}.course{color:#b4c7ce;font-size:11px}.demo-badge{border:1px solid #426253;border-radius:100px;padding:8px 11px;color:#c2e9d2;font-size:9px;font-weight:800;letter-spacing:.1em}.dot,.live i{display:inline-block;width:6px;height:6px;border-radius:100%;background:#83d7a8;margin-right:6px}.hero{background:var(--navy);color:#f7fbf7;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-top:90px;padding-bottom:85px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#a5e3c2;display:flex;gap:10px;align-items:center}.eyebrow span{width:26px;height:2px;background:#8ed8b3}.eyebrow.dark{color:var(--teal)}.eyebrow.dark span{background:var(--teal)}.hero-copy{max-width:500px;color:#b8c8cb;font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button,button{border:0;cursor:pointer;font-weight:750}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 20px;border-radius:8px;text-decoration:none;font-size:13px}.primary{background:var(--mint);color:#102c2c}.primary:hover{background:#c4f2d7}.text-link{color:#e4f1eb;font-size:13px;text-decoration:none;border-bottom:1px solid #799b91;padding:12px 0}.hero-meta{display:flex;gap:28px;border-top:1px solid #ffffff20;margin-top:55px;padding-top:23px;color:#93a6aa;font-size:11px}.hero-meta b{color:white;font-size:15px;margin-right:4px}.hero-art{background:#183044;border:1px solid #ffffff20;border-radius:17px;padding:22px;box-shadow:0 28px 70px #0004;transform:rotate(1.5deg)}.art-head,.art-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;font-weight:800;color:#8da7b0}.live{font-size:8px;color:#a7dbc0}.art-table{background:#f4f7f3;color:var(--ink);border-radius:11px;margin-top:22px;padding:18px}.art-label{font-weight:800;font-size:9px;letter-spacing:.1em;margin-bottom:22px;color:#69928c}.art-row{display:grid;grid-template-columns:1.3fr .8fr .8fr;align-items:center;gap:8px;font-size:11px}.art-muted{font-size:8px;letter-spacing:.1em;color:#8b9e9b;padding-bottom:10px;border-bottom:1px solid #dbe4e0;margin-bottom:15px}.avatar{font-style:normal;background:#d1e9dc;color:#216654;font-weight:800;border-radius:50%;padding:8px;margin-right:5px}.arrow{color:#a1b1ae;margin:0 4px}.changed{font-size:8px;color:#a06321;background:#fff0d4;padding:7px;border-radius:5px;text-align:center}.art-event{display:flex;align-items:center;gap:12px;padding:18px 5px;color:#eaf8ef}.event-icon{display:grid;place-items:center;background:#36564e;width:37px;height:37px;border-radius:9px;color:#a9e7c7;font-size:23px}.art-event strong,.art-event small{display:block}.art-event strong{font-size:11px}.art-event small{font-size:10px;color:#9db4b2;margin-top:5px}.event-arrow{margin-left:auto;color:#9be3bb}.art-footer{border-top:1px solid #ffffff18;padding-top:16px}.art-footer span span{color:#8de0b3}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding-top:90px;padding-bottom:80px;align-items:end}.intro h2{margin:20px 0 0}.intro p,.section-heading p{font-size:15px;line-height:1.8;color:var(--muted);max-width:400px;margin:0}.workbench{background:#eaf0eb;padding:90px 0 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-heading h2{margin:18px 0 0}.station-nav{display:flex;gap:7px;overflow-x:auto;padding:6px 0 12px;scrollbar-width:thin}.station-nav a{flex:none;text-decoration:none;white-space:nowrap;border:1px solid #cfdbd4;background:#f8faf7;border-radius:7px;padding:13px 15px;font-size:12px;font-weight:750;min-height:45px}.station-nav a span{color:#72938a;margin-right:7px}.station-nav a.active{background:var(--navy);color:white;border-color:var(--navy)}.station-nav a.active span{color:var(--mint)}.station{background:#fff;border:1px solid #d8e4dc;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px #17372d0a}.station-head{padding:30px 34px;border-bottom:1px solid #e4ebe7;display:flex;justify-content:space-between;gap:20px;align-items:start}.station-num{color:#1e7b6d;font-size:10px;letter-spacing:.14em;font-weight:800}.station-head h3{font-size:28px;letter-spacing:-.035em;margin:10px 0 7px}.station-head p{color:var(--muted);line-height:1.6;margin:0;max-width:700px;font-size:14px}.owner{white-space:nowrap;color:#53726a;background:#edf5ef;border-radius:50px;padding:9px 12px;font-size:10px;font-weight:800}.station-body{padding:32px 34px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#f4f7f4;border:1px solid #e1e9e3;border-radius:11px;padding:22px;min-width:0}.panel.dark-panel{background:var(--navy2);color:#f5faf5;border-color:var(--navy2)}.panel h4{font-size:17px;letter-spacing:-.02em;margin:0 0 10px}.panel p,.panel li{font-size:13px;line-height:1.65;color:#5c706e}.panel.dark-panel p{color:#bdd1ca}.tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.1em;color:#247767;text-transform:uppercase;margin-bottom:12px}.dark-panel .tag{color:#a5e3c2}.callout{border-left:3px solid #81cbae;padding:12px 15px;background:#ebf7ee;color:#315b4c;font-size:13px;line-height:1.65;border-radius:0 7px 7px 0;margin-top:18px}.small{font-size:11px!important;color:#697d79!important;line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.action{background:var(--navy);color:#fff;border-radius:7px;padding:12px 15px;min-height:44px;font-size:12px}.action:hover{background:#1c4a49}.action.secondary{background:#e4eee8;color:#24594d}.action.secondary:hover{background:#d2e9da}.action.selected{background:#237b6d;color:white}.db-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.db-table th{color:#6a817b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.db-table th,.db-table td{padding:13px 8px;border-bottom:1px solid #dce6df}.grade{font-size:26px;font-weight:800;color:#16735f;font-variant-numeric:tabular-nums}.log-entry{padding:11px 0;border-top:1px solid #ffffff21;font-size:12px}.log-entry strong{display:block}.log-entry span{color:#b4c9c3;font-size:11px}.formula{font-family:ui-monospace,monospace;background:#e8f0ea;border-radius:7px;padding:12px;display:block;color:#315e50;font-size:11px;overflow-wrap:anywhere}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-card{padding:18px;background:#f3f7f3;border:1px solid #e0e9e2;border-radius:9px}.mini-card b{display:block;font-size:13px;margin-bottom:6px}.mini-card p{color:#60746d;font-size:12px;line-height:1.6;margin:0}.step{padding:24px 0;border-top:1px solid #e2e9e4}.step:first-child{border-top:0;padding-top:0}.step-head{display:flex;gap:13px;align-items:start;margin-bottom:14px}.step-number{width:34px;height:34px;display:grid;place-items:center;background:#e0f1e5;color:#176c5e;border-radius:8px;font-weight:800;font-size:12px;flex:none}.step-head h4{margin:0;font-size:17px}.step-head p{font-size:12px;color:#657b73;margin:5px 0 0}.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.field label{display:block;font-size:11px;font-weight:750;color:#365a4f;margin-bottom:6px}.field input,.field select{width:100%;font-size:16px;padding:10px 9px;border:1px solid #cbd8cf;border-radius:6px;color:#122f29;background:white;min-height:44px}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.result{background:#e8f3eb;border-radius:8px;padding:15px;color:#326b5a;font-size:11px}.result strong{display:block;color:#153f35;font-size:23px;margin-top:6px;font-variant-numeric:tabular-nums}.question{margin-top:16px;padding:16px 18px;background:#f6f7f1;border-radius:8px}.question strong{font-size:13px}.feedback{font-size:12px;line-height:1.6;color:#225d4e;min-height:1em}.source{display:inline-block;font-size:11px;color:#226f64;margin-top:12px}.timeline{border-left:2px solid #9bcead;margin:8px 0 0 9px;padding-left:22px}.timeline div{position:relative;padding:0 0 20px;font-size:13px;line-height:1.6}.timeline div:before{content:'';position:absolute;left:-29px;top:3px;width:12px;height:12px;border-radius:100%;background:#4d9b7d}.timeline strong{display:block}.notice{background:#fff6df;padding:12px 14px;border-radius:7px;font-size:12px;color:#70541c;line-height:1.6}footer{background:var(--navy);color:white;padding:50px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-brand{font-weight:800;letter-spacing:.08em;font-size:15px}.footer-brand strong,.footer-brand span{color:var(--mint)}footer strong{font-size:10px;letter-spacing:.1em}footer p{font-size:11px;line-height:1.7;color:#9fb4b4;margin-top:12px}section[id]{scroll-margin-top:20px}@media(max-width:760px){.wrap{width:min(100% - 32px,1160px)}.course{display:none}.topinner{padding:15px 16px}.hero-grid{grid-template-columns:1fr;gap:45px;padding-top:60px;padding-bottom:60px}.hero-art{transform:none}.hero-meta{gap:17px}.intro{grid-template-columns:1fr;gap:22px;padding-top:65px;padding-bottom:65px}.section-heading{display:block}.section-heading p{margin-top:20px}.workbench{padding:65px 0}.station-head{padding:24px 20px;display:block}.owner{display:inline-block;margin-top:13px}.station-body{padding:24px 20px}.grid,.cards{grid-template-columns:1fr}.fields{grid-template-columns:1fr 1fr}.results{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:380px){.art-row{font-size:10px}.changed{font-size:7px}.fields,.results{grid-template-columns:1fr}.demo-badge{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.flow-nodes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.flow-nodes li{border:1px solid #c6d9cf;border-radius:9px;padding:15px;background:#f2f6f2;font-size:13px;font-weight:700}.flow-nodes li span{display:block;color:#6b897d;font-size:22px;margin-bottom:9px}.flow-nodes li.done{background:#163f38;color:#e4ffed}.flow-nodes li.done span{color:#a9e7c7}.flow-message{padding:20px;background:#edf5ef;border-left:4px solid #287a63;font-size:16px;line-height:1.65;border-radius:0 8px 8px 0;min-height:100px}.event-scroll{max-height:300px;overflow:auto}.exercise{padding:22px;margin:20px 0;background:#f4f7f3;border:1px solid #d4e2d8;border-radius:10px}.exercise h4{margin-top:0}.exercise p{font-size:14px;line-height:1.65}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.pipeline>div{padding:18px;background:#142b3b;color:white;border-radius:10px}.pipeline strong,.pipeline span{display:block}.pipeline strong{font-size:12px;color:#a9e7c7}.pipeline span{font-size:14px;margin-top:12px;min-height:35px}.comparison{margin:20px 0}.bar-row{display:grid;grid-template-columns:90px 1fr 110px;gap:12px;align-items:center;margin:12px 0;font-size:12px}.bar-track{background:#e4ede5;height:18px;border-radius:3px;overflow:hidden}.bar-track i{display:block;background:#26765f;width:100%;height:100%;transform-origin:left}.bar-row b{text-align:right;font-variant-numeric:tabular-nums}.classify-row{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin:15px 0;align-items:center}.classify-row select{font-size:16px;min-height:44px;background:white;color:#173b30;border:1px solid #bdd2c4;border-radius:5px;max-width:100%}.classify-row span{grid-column:1/-1;font-size:12px;color:#276451}.check-option{display:flex;align-items:center;gap:10px;min-height:48px;font-size:14px}.check-option input{width:20px;height:20px;accent-color:#247b63}.table-scroll{overflow-x:auto}.db-table caption{text-align:left;font-size:12px;margin:18px 0 5px;color:#557567}.check-understanding,details{margin-top:15px;background:#f0f5ee;padding:14px;border-radius:7px;font-size:13px;line-height:1.65}summary{cursor:pointer;font-weight:700;min-height:24px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.action:disabled{opacity:.55;cursor:default}.brand-icon{display:flex;gap:0;justify-content:center;align-items:center}.brand-icon span{font-size:18px}.dark-panel .small{color:#b9d5c9!important}.station-nav{position:sticky;top:0;z-index:5;background:#eaf0eb;padding-top:10px;padding-bottom:10px}.station{scroll-margin-top:75px}.station-body .step{scroll-margin-top:85px}@media(max-width:600px){.flow-nodes{grid-template-columns:1fr 1fr}.pipeline{grid-template-columns:1fr}.pipeline>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.pipeline span{margin:0;min-height:0}.classify-row{grid-template-columns:1fr}.bar-row{grid-template-columns:75px 1fr 85px;gap:7px;font-size:11px}.station-head h3{font-size:25px}.hero-art{padding:15px}.hero-art .avatar{display:none}}@media print{.topbar,.hero,.intro,.station-nav,footer,.actions{display:none}.workbench{padding:0;background:white}.wrap{width:100%}.station{border:0}.panel,.step{break-inside:avoid}.station-body{padding:10px}.flow-message{font-size:14px}}
/* Componentes para exploración y exposición */
:root{--paper:#f6f7f2;--ink:#102b37;--teal:#176c61;--mint:#aff0cb;--line:#d5e5dc}
.hero{background:radial-gradient(ellipse at 80% 20%,#17483f 0%,transparent 44%),linear-gradient(140deg,#091b2b 0%,#102a37 100%)}
.hero-grid{padding-top:100px;padding-bottom:100px}.hero h1{font-size:clamp(3.6rem,6.7vw,6.8rem);line-height:.99}.hero h1 em{color:#aaf0c8}.hero-art{transform:rotate(1deg);border-radius:20px;box-shadow:0 38px 90px #0006,0 0 0 8px #ffffff08}.art-table{padding:24px}.eyebrow{letter-spacing:.16em}.intro h2,.section-heading h2{text-wrap:balance}.workbench{background:linear-gradient(180deg,#e9f2ec,#f4f6f1)}
.station-nav{background:#eaf2edee;backdrop-filter:blur(12px);border-radius:10px;gap:8px}.station-nav a{transition:background-color .2s,color .2s,border-color .2s}.station-nav a:hover{border-color:#498774;background:#dff1e6}.station-nav a.active:hover{background:#102c36;color:white}.station{border-radius:18px;box-shadow:0 18px 45px #183c2c14}.station-head{background:linear-gradient(120deg,#fff,#f0f8f3);padding:38px}.station-head h3{font-size:clamp(1.7rem,3vw,2.25rem)}.station-body{padding:38px}.panel{background:#f6f9f6}.action{transition:background-color .2s,transform .2s}.action:active{transform:scale(.98)}.action.selected{box-shadow:inset 0 0 0 2px #8ed8b3}.source{margin-right:18px;line-height:1.6}.source:hover{text-decoration-thickness:2px}
.session-trace{border:1px solid #bad9c7;background:#f0f8f2;border-radius:14px;padding:26px;margin-bottom:28px}.session-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.session-heading h4,.concept-feature h4,.governance h4{font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.035em;margin:4px 0 10px}.session-heading p,.concept-feature>p,.governance>div>p{font-size:14px;color:#587269;line-height:1.65;max-width:720px}.session-count{white-space:nowrap;background:#d9eee1;color:#1b604d;border-radius:50px;padding:9px 13px;font-size:11px;font-weight:800}.trace-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.trace-event{background:#fff;border:1px solid #d5e7db;border-radius:10px;padding:18px;box-shadow:0 4px 16px #24543b0a}.trace-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#527169;margin-bottom:12px}.trace-id{color:#176c5b;font-weight:800;letter-spacing:.07em}.trace-event strong{font-size:15px}.trace-event p{font-size:12px;line-height:1.7;color:#56736a;margin:7px 0}.trace-change{background:#e9f5ed;border-radius:6px;padding:9px 12px;color:#235c4b;font-size:12px}.trace-empty{background:white;border:1px dashed #b4d2bf;border-radius:10px;padding:22px;margin:15px 0;color:#27594a}.trace-empty p{font-size:13px;line-height:1.6}.trace-link{background:#173e37;color:white;min-height:44px;padding:12px 16px}
.concept-feature,.governance{margin:30px 0;padding:30px;border-radius:14px;background:#102b37;color:white}.section-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;color:#9de2b9}.concept-feature>p,.governance>div>p{color:#bdcec9}.concept-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.concept-card{background:#eaf7ee;color:#153d31;border-radius:11px;padding:24px}.concept-card.forensic{background:#dceae9;color:#163a3b}.concept-index{font-size:10px;letter-spacing:.1em;color:#31765d;font-weight:800}.concept-card h5,.role-grid h5{font-size:18px;margin:12px 0 10px;letter-spacing:-.02em}.concept-card p,.role-grid p{font-size:13px;line-height:1.65;color:#45675c}.concept-card strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.concept-note{border-left:3px solid #86d4aa;padding:12px 16px;background:#ffffff10;color:#e1f6e7;font-size:13px;line-height:1.6}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.role-grid article{background:#f2f9f3;color:#173b31;border-radius:10px;padding:18px}.role-grid span{color:#347860;font-size:11px;font-weight:800}.role-grid h5{font-size:15px}.role-grid p{font-size:12px;margin-bottom:0}
@media(max-width:760px){.hero-grid{padding-top:65px;padding-bottom:70px}.station-head,.station-body{padding:24px 20px}.session-trace,.concept-feature,.governance{padding:21px}.session-heading{display:block}.session-count{display:inline-block;margin:5px 0}.concept-pair{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr 1fr}.trace-top{align-items:start;flex-direction:column}.hero-art{transform:none}}
@media(max-width:420px){.role-grid{grid-template-columns:1fr}.hero h1{font-size:3.45rem}.station-nav a{min-height:48px}}
@media(prefers-reduced-motion:reduce){.action,.station-nav a{transition:none}}

.source-light{color:#aef2c8;text-decoration-color:#aef2c8}